欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery插件bxSlider實現(xiàn)響應(yīng)式焦點圖

 更新時間：2015年04月12日 22:26:29   投稿：hebedich  
bxSlider特性1.充分響應(yīng)各種設(shè)備，適應(yīng)各種屏幕；2.支持多種滑動模式，水平、垂直以及淡入淡出效果；3.支持圖片、視頻以及任意html內(nèi)容；4.支持觸摸滑動；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我們就來詳細(xì)探討下吧。

優(yōu)秀響應(yīng)式j(luò)Query焦點圖插件bxSlider，優(yōu)秀響應(yīng)式布局設(shè)計jQuery插件，自適
應(yīng)任何設(shè)備，切換內(nèi)容可以是視頻、圖片、HTML、支持觸摸設(shè)備，自定義函數(shù)
callback,支持眾多的參數(shù)自定義配置，瀏覽器支持Firefox, Chrome, Safari,
iOS, Android, IE7+。

非常優(yōu)秀響應(yīng)式j(luò)Query焦點圖插件bxSlider

使用方法：

1. 加載jQuery和插件

<!-- jQuery library (served from Google) --> 
<script src="jquery/1.8.2/jquery.min.js"></script> 
<!-- bxSlider Javascript file --> 
<script src="/js/jquery.bxslider.min.js"></script> 
<!-- bxSlider CSS file --> 
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

2.HTML內(nèi)容

<ul class="bxslider"> 
 <li><img src="/images/pic1.jpg" /></li> 
 <li><img src="/images/pic2.jpg" /></li> 
 <li><img src="/images/pic3.jpg" /></li> 
 <li><img src="/images/pic4.jpg" /></li> 
</ul>

3.函數(shù)調(diào)用

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

函數(shù)選項配置請自定義配置。
查看DEMO   官網(wǎng)下載

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡

相關(guān)文章

最新評論