基于bxslider的響應(yīng)式圖片輪播插件，演示地址：https://www.qvdv.com/demo/1557308877/
用法介紹：
1、加載jQuery庫(kù)以及bxSlider插件的js和CSS。
2、HTML代碼：
<ul class="bxslider">
<li><img src="images/images1.jpg" /></li>
<li><img src="images/images2.jpg" /></li>
<li><img src="images/images3.jpg" /></li>
</ul>
3、調(diào)用bxSlider
$(function(){
$('.bxslider').bxSlider();
});
bxSlider有豐富的可配置參數(shù)：
| 參數(shù) | 描述 | 默認(rèn)值 |
|---|---|---|
| mode | 設(shè)置滑動(dòng)模式，'horizontal':水平, 'vertical':垂直, 'fade':淡入淡出 | horizontal |
| speed | 內(nèi)容切換速度，數(shù)字，ms | 500 |
| startSlide | 初始滑動(dòng)位置，數(shù)字 | 0 |
| randomStart | 隨機(jī)初始滑動(dòng)位置 | true |
| infiniteLoop | 循環(huán)滑動(dòng)，如果設(shè)置為true時(shí)，則到最后滑動(dòng)位置時(shí)會(huì)切換到初始位置 | true |
| easing | 切換動(dòng)畫擴(kuò)展，可以借助jQuery Easing 動(dòng)畫效果擴(kuò)展設(shè)置不同的切換動(dòng)畫效果 | null |
| captions | 設(shè)置顯示圖片標(biāo)題，當(dāng)滑動(dòng)內(nèi)容為圖片時(shí)并設(shè)置屬性title，可以顯示圖片標(biāo)題 | false |
| video | 支持視頻，當(dāng)設(shè)置為true時(shí)，需要jquery.fitvids.js支持 | false |
| pager | 設(shè)置是否顯示分頁(yè)，設(shè)置為true時(shí)，會(huì)在滑動(dòng)內(nèi)容下方顯示分頁(yè)圖標(biāo) | true |
| controls | 設(shè)置是否顯示上一副和下一幅按鈕 | true |
| auto | 設(shè)置是否自動(dòng)滑動(dòng) | false |
| pause | 自動(dòng)滑動(dòng)時(shí)停留時(shí)間，數(shù)字，ms | 4000 |
| autoHover | 當(dāng)鼠標(biāo)滑向滑動(dòng)內(nèi)容上時(shí)，是否暫停滑動(dòng) | false |