jQuery幻灯片插件_slick.js

简介

slick 是一个基于 jQuery 的幻灯片插件，具有以下特点：

• 支持响应式
• 浏览器支持 CSS3 时，则使用 CSS3 过度/动画
• 支持移动设备滑动
• 支持桌面浏览器鼠标拖动
• 支持循环
• 支持左右控制
• 支持动态添加、删除、过滤
• 支持自动播放、圆点、箭头、回调等等

兼容

浏览器兼容：兼容 IE7+ 及其他主流浏览器，若要兼容 IE7，需修改 CSS（slick.css）。

jQuery兼容：兼容 1.7 及以上版本。

使用方法

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.umming.com"><img src="images/1.jpg" alt=""></a></div>
    <div><a href="http://www.umming.com"><img src="images/2.jpg" alt=""></a></div>
    <div><a href="http://www.umming.com"><img src="images/3.jpg" alt=""></a></div>
    <div><a href="http://www.umming.com"><img src="images/4.jpg" alt=""></a></div>
    <div><a href="http://www.umming.com"><img src="images/5.jpg" alt=""></a></div>
</div>

3、JavaScript

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

参数

方法

预览地址：https://www.umming.com/demo/slick/