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

凡客誠品帶滾動條圖片展示特效

2013-11-15 11:55:35  來源: JSP教程 

  如果現在比較專業的商城估計凡客算是其中之一了像當當及京東都變得啥都有了看到凡客那麼多照片我就在想一件事究竟得請多少人去拍照片整理照片還要有多少模特不愧是大公司今天我們進入凡客的絲襪頻道相信許多男生喜歡這裡在這裡我們可以看到許多長腿美女當我們把頁面拉到最下面時(這個過程浏覽器有點卡估計是加載的東西太多了)我們可以看到凡客一個很有特色的圖片展示特效

凡客誠品帶滾動條圖片展示特效

  細心的朋友估計會注意到下面的滾動條以前我們做過許多帶左右控制箭頭的圖片展示特效但像凡客這樣下面帶上滾動條來控制的算是少見了至少目前我只在凡客看過那麼問題來了那個滾動條如何實現?我們可以通過JQUERY實現滾動條的樣式美化但將它跟控制箭頭及圖片聯系在一起算是第一次凡客的代碼並沒有開源我們只能是自己實現我們的代碼如下

/

  其實我們並沒有采用滾動條只是將它的樣子做成了滾動條用戶在使用這個代碼的時候必須注意var __INFO__={total:skinid:}這兩個是必須的total會決定顯示的個數滾動條的大小跟total的數量有關滾動的長度跟total也是相關的以下是我制作的效果截圖

/

  圖片的數量越多滾動條也會越來小這個有點神奇


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19904.html
    相關文章
      没有相关文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.