最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery插件slick實(shí)現(xiàn)響應(yīng)式移動(dòng)端幻燈片圖片切換特效

 更新時(shí)間：2015年04月12日 10:41:51   投稿：hebedich  
jQuery插件slick是一款響應(yīng)式、適用于移動(dòng)設(shè)備觸摸屏、可滑動(dòng)顯示的jQuery幻燈片插件。該幻燈片插件可以設(shè)置多種顯示效果，可以自動(dòng)播放，是一款移動(dòng)優(yōu)先的jQuery幻燈片插件。

jQuery響應(yīng)式手機(jī)端移動(dòng)端幻燈片圖片切換特效插件slick，基于jQuery，功能非常強(qiáng)大，支持左右按鈕切換、支持圓點(diǎn)切換、支持自定義切換數(shù)量，支持自定義切換速度、支持圖片預(yù)加載、支持自動(dòng)播放定義，效果非常的不錯(cuò)，眾多的參數(shù)自定義支持，覺(jué)得可以的可以參考他們的參數(shù)配置，還是值得學(xué)習(xí)使用的。

使用方法：

1.加載插件和jQuery

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script type="text/javascript" src="slick/slick.js"></script> 
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>

2.HTML內(nèi)容

<div class="slider fade"> 
<div><div class="image"><img src="img/fonz1.png"/></div></div> 
<div><div class="image"><img src="img/fonz2.png"/></div></div> 
<div><div class="image"><img src="img/fonz3.png"/></div></div> 
</div>

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

<script type="text/javascript"> 
$(document).ready(function() { 
  $('.fade').slick({ 
    dots: true, 
    infinite: true, 
    speed: 500, 
    fade: true, 
    slide: 'div', 
    cssEase: 'linear' 
  }); 
}); 
</script>

查看DEMO   立即下載

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

相關(guān)文章

最新評(píng)論

永宁县| 金川县| 盱眙县| 大渡口区| 龙南县| 西丰县| 泸西县| 阳江市| 富平县| 台湾省| 陵水| 洱源县| 汾西县| 赣榆县| 水城县| 秦安县| 五常市| 湖北省| 仁寿县| 潞城市| 新建县| 峡江县| 罗山县| 黄平县| 台南县| 油尖旺区| 铁岭市| 泰顺县| 佳木斯市| 金华市| 麦盖提县| 泗阳县| 淮北市| 囊谦县| 石阡县| 新蔡县| 邛崃市| 文昌市| 甘德县| 永寿县| 西青区|