jQuery响应式手机端移动端幻灯片图片切换特效插件slick

栏目分类：效果代码   发布日期：2014-09-23   来源：互联网   浏览次数：次

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

2.HTML内容

1. <div class="slider fade"> 
2. <div><div class="image"><img src="img/fonz1.png"/></div></div> 
3. <div><div class="image"><img src="img/fonz2.png"/></div></div> 
4. <div><div class="image"><img src="img/fonz3.png"/></div></div> 
5. </div> 

3.函数调用

1. <script type="text/javascript"> 
2. $(document).ready(function() { 
3.     $('.fade').slick({ 
4.         dots: true, 
5.         infinite: true, 
6.         speed: 500, 
7.         fade: true, 
8.         slide: 'div', 
9.         cssEase: 'linear' 
10.     }); 
11. }); 
12. </script>