slick.js是一个基于jQuery的响应触摸式幻灯片插件,展示的效果和swiper差不多,不过使用范围没有swiper多,如果你想要这种效果,也不失为一个可选方案。
特征
充分响应。随其容器缩放每个断点分别设置可用时使用CSS3。如果没有,则功能齐全滑动已启用。或禁用,如果您愿意桌面鼠标拖动无限循环完全可用箭头键导航支持动态添加、删除、过滤支持自动播放、圆点、箭头、回调等等
使用方法
设置您的HTML标记。
divclass="your-class"divyourcontent/divdivyourcontent/divdivyourcontent/div/div
将/slick文件夹移到您的项目中
在您的head中添加slick.css
linkl="stylesheet"type="text/css"hf="slick/slick.css"///Addthenewslick-theme.cssifyouwantthedefaultstylinglinkl="stylesheet"type="text/css"hf="slick/slick-theme.css"/
在jQuery之后(在jQuery之后需要jQuery1.7+)之前,在关闭body标签之前添加slick.js
scripttype="text/javascript"src="//code.jquery.