jQuery插件slick实现响应式移动端幻灯片图片切换特

jQuery插件slick是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果,可以自动播放,是一款移动优先的jQuery幻灯片插件。

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

jQuery插件slick实现响应式移动端幻灯片图片切换特

使用方法:

1.加载插件和jQuery

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="https://www.jb51.net/slick/slick.js"></script> <link type="text/css" href="https://www.jb51.net/slick/slick.css"/>

2.HTML内容

<div> <div><div><img src="https://www.jb51.net/img/fonz1.png"/></div></div> <div><div><img src="https://www.jb51.net/img/fonz2.png"/></div></div> <div><div><img src="https://www.jb51.net/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>

查看DEMO   立即下载

以上所述就是本文的全部内容了,希望大家能够喜欢。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgjxgw.html