DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> scrollLeft實現按鈕控制滾動條相冊
scrollLeft實現按鈕控制滾動條相冊
編輯:JavaScript綜合知識     

   我想,大家對於網易這個相冊,一定印像深刻:

scrollLeft實現按鈕控制滾動條相冊

  之前,我們也用網易的代碼實現了這個相冊,今天,我們通過scrollLeft來實現這個相冊吧,但我們加多了滾動條,沒有網易做得那麼完美啊。我們先下我們做出來的效果:

width=540

  如果你理解了scrollLeft的用法,那麼我們今天這個例子就容易理解了。

width=425

  注意上面的畫線部分,我在腳本裡這樣實現:

width=448

  這就是實現按鈕按鈕滾動條的關鍵啦,當然,樣式也是要處理的:

width=636

  至於像小圖變大圖,點擊上面的前頭,實現小圖切換大圖的,大家要可以看看我的JQUERY代碼啊。。。想想,scrollLeft,scrollTop的作用還真是巨大啊。。。在dom文檔裡,經常要用到,大家可要好好學哦。。。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved