sliderBox.js是一款jQuery新聞類輪播圖插件。該jQuery新聞類輪播圖插件可以創建兼容ie8、帶縮略圖導航、以及多種過渡效果的輪播圖。

使用方法

在頁面中引入jQuery、slider-box.min.js、slider-box.css文件。

初始化插件

創建一個sliderBox對象，然后在backgrounds參數中指定一組圖片，就可以生成一個簡單的輪播圖。

sliderBox({

backgrounds: ["1.jpg", "2.jpg", "3.jpg"]

});

可以指定是否隱藏縮略圖導航。

sliderBox({

backgrounds: ["1.jpg", "2.jpg", "3.jpg"],

align: "right",

hide: false // or true

});

還以自定義輪播圖的動畫過渡效果。

sliderBox({

backgrounds: ["1.jpg", "2.jpg", "3.jpg"],

align: "right",

hide: false,

effect: "random", // or 'fade', 'slide'

direction: false // direction (for slide)

});

還可以為輪播圖項添加描述文本。

sliderBox({

backgrounds: ["1.jpg", "2.jpg", "3.jpg"],

align: "right",

hide: false,

effect: "random",

direction: false,

text: ["Caption 1", 'Caption 2', "Caption 3"],

valign: "bottom" // text alignment

});

總結

以上是生活随笔為你收集整理的html新闻轮播插件,jQuery新闻类轮播图插件sliderBox的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。