简介

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

3、JavaScript

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




   /*精英团队*/

        $('#exampleResponsive').slick({

            lazyLoad: 'ondemand',

            dots: true,

            infinite: false,

            speed: 500,

            slidesToShow: 3,

            slidesToScroll: 3,

            responsive: [{

                breakpoint: 1024,

                settings: {

                    slidesToShow: 2,

                    slidesToScroll: 2,

                    dots: true

                }

            }, {

                breakpoint: 600,

                settings: {

                    slidesToShow: 1,

                    slidesToScroll: 1,

   &n