熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

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

2013-11-15 11:56:56  來源: JSP教程 

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

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

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

width=540

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

width=425

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

width=448

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

width=636

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


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19948.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.