jQuery幻灯片插件slick

简介

slick 是一个基于 jQuery 的幻灯片插件，具有以下特点：
1.支持响应式
2.浏览器支持 CSS3 时，则使用 CSS3 过度/动画
3.支持移动设备滑动
4.支持桌面浏览器鼠标拖动
5.支持循环
6.支持左右控制
7.支持动态添加、删除、过滤
8.支持自动播放、圆点、箭头、回调等等

兼容

浏览器兼容:兼容IE7+以上
jQuery兼容:兼容IE7及以上版本

使用方法

1.引入文件

<link rel="stylesheet" href="style/slick.css">
<script src="script/jquery.min.js"></script>
<script src="script/slick.min.js"></script>

2、HTML

<div class="slick">
    <div><a href="http://www.dowebok.com"><img src="images/1.jpg" alt=""></a></div>
    <div><a href="http://www.dowebok.com"><img src="images/2.jpg" alt=""></a></div>
    <div><a href="http://www.dowebok.com"><img src="images/3.jpg" alt=""></a></div>
    <div><a href="http://www.dowebok.com"><img src="images/4.jpg" alt=""></a></div>
    <div><a href="http://www.dowebok.com"><img src="images/5.jpg" alt=""></a></div>
</div>

3.JavaScript

$(function(){
    $('.slick').slick({
        dots: true
    });
});

参数

方法