jQuery響應式手機端移動端幻燈片圖片切換特效插件slick，基于jQuery，功能非常強大，支持左右按鈕切換、支持圓點切換、支持自定義切換數量，支持自定義切換速度、支持圖片預加載、支持自動播放定義，效果非常的不錯，眾多的參數自定義支持，覺得可以的可以參考他們的參數配置，還是值得學習使用的。
使用方法：
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內容
<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.函數調用
<script type="text/javascript"> $(document).ready(function() { $('.fade').slick({ dots: true, infinite: true, speed: 500, fade: true, slide: 'div', cssEase: 'linear' }); }); </script> 以上所述就是本文的全部內容了，希望大家能夠喜歡。
新聞熱點
疑難解答
