jQuery插件slider實現圖片輪播

1:引入相應的js文件  jquery.SuperSilder.js

 2:HTML: 結構

   

注:此地加載圖片的代碼也可以從后台庫中讀取圖片的集合列表,然后通過循環的方式顯示出來

3:CSS 樣式定義左右按鈕

4:jQuery: 部分

5:實現效果

  

 

6:參數說明：

bxSlider 詳細配置參數：
bxSlider有很多配置參數，使你能夠用參數制作出各種各樣的slider效果：

 7:jquery.SuperSlide - 詳情參數

   http://down.admin5.com/demo/code_pop/18/562/param.html