建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery响应触摸式轮播图插件slick.js

来源:易助科技网浏览量:73收藏

简介


slick 是一个基于 jQuery 的响应触摸式幻灯片插件,支持IE8+,Chrome, Firefox, and Safari 。


JQuery响应触摸式轮播图插件slick.js-示例图


使用


1.  引入 jquery.js 、slick.css 和 slick.js 文件


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


3.  调用


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



相关链接


Github 地址 :http://kenwheeler.github.io/slick/