響應式WEB設計(jì)可(kě)以讓WEB頁面自适應各種尺寸的屏幕，俨然已經成為(wèi)了當今WEB設計(jì)趨勢。本文将介紹一款基于jQuery的響應式內(nèi)容滑動插件以及如何使用這款插件到你(nǐ)的WEB應用中，滿足各類WEB設計(jì)需求。

bxSlider特性

1.充分響應各種設備，适應各種屏幕；

2.支持多(duō)種滑動模式，水(shuǐ)平、垂直以及淡入淡出效果；

3.支持圖片、視(shì)頻以及任意html內(nèi)容；

4.支持觸摸滑動；

5.支持Firefox，Chrome，Safari，iOS，Android，IE7+

如何使用bxSlider

1、首先是加載jQuery庫，以及bxSlider插件文件和(hé)相關CSS文件，您可(kě)以從官方網站(zhàn)下載最新版本的bxSlider。

2、準備滑動內(nèi)容，我們創建一個(gè)ul.bxslider，然後在其子元素li中加入滑動內(nèi)容，滑動內(nèi)容可(kě)以是圖片、視(shì)頻以及任意html內(nèi)容：

3、調用bxSlider插件，當頁面內(nèi)容加載完時(shí)調用bxSlider。

$(function(){
	$('.bxslider').bxSlider();
});

這樣，一個(gè)超酷的內(nèi)容滑動效果就實現了，查看演示demo，将浏覽器(qì)窗口放大(dà)和(hé)縮小(xiǎo)可(kě)以看到滑動內(nèi)容會(huì)随着浏覽器(qì)窗口自動調整大(dà)小(xiǎo)。bxSlider提供了豐富的配置選項，可(kě)以設置不同參數(shù)滿足各種客戶需求，來(lái)看它的選項配置。

bxSlider選項設置

bxSlider提供了豐富的選項可(kě)配置，以下我們列出最主要也是最常用的選項設置。