• 会员中心
  • 当前位置:首页 > 资源 > 效果代码 >

    jQuery响应式手机端移动端幻灯片图片切换特效插件slick
    栏目分类:效果代码   发布日期:2015-09-02   浏览次数:

    jQuery响应式手机端移动端幻灯片图片切换特效插件slick,基于jQuery,功能非常强大,支持左右按钮切换、支持圆点切换、支持自定义切换数量,支持自定义切换速度、支持图片预加载、支持自动播放定义,效果非常的不
    jQuery响应式手机端移动端幻灯片图片切换特效插件slick,基于jQuery,功能非常强大,支持左右按钮切换、支持圆点切换、支持自定义切换数量,支持自定义切换速度、支持图片预加载、支持自动播放定义,效果非常的不错,众多的参数自定义支持,觉得可以的可以参考他们的参数配置,还是值得学习使用的。
     
    jQuery响应式手机端移动端幻灯片图片切换特效插件slick

    使用方法:
    1.加载插件和jQuery
    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> 

     

       鲁ICP备14021093号 鲁B2-20140050   关于我们 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 |
    特效 教程 资源 资讯