欢迎光临
我们一直在努力

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

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> 

 

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:英协网 » jQuery响应式手机端移动端幻灯片图片切换特效插件slick

分享到: 生成海报
avatar

热门文章

  • 评论 抢沙发

    • QQ号
    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址

    登录

    忘记密码 ?

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活