26-swiper库
swiper.js是一款成熟稳定的应用于pc和移动端的滑动效果插件,一般用来触屏焦点图、触屏整屏滚动等效果。swiper分为2.x和3.x版本,2.x版本不支持低版本浏览器(IE7),3.x放弃支持低版本浏览器,适合应用在移动端。
2.x版本中文网址:http://2.swiper.com.cn
3.x版本中文网址:http://www.swiper.com.cn
swiper使用方法:
<script src="js/swiper.min.js"></script>
如果页面引用了jquery或者zepto,就引用swiper.jquery.min.js,它的容量比swiper.min.js小
如果没有引用jquery,就引用swiper.min.js。
同时,它还需要一个css文件:swiper.min.css,js文件放到js文件夹,css文件放到css文件夹。两个文件有了,就可以使用了。
swiper使用参数:
1、initialSlide: 初始索引值,从0开始
2、direction: 滑动方向 horizontal | vertical
3、speed: 滑动速度,单位ms
4、autoplay: 设置自动播放及播放时间
5、autoplayDisableOnInteraction: 用户操作swipe后是否还自动播放,默认是true,不再自动播放
6、pagination: 分页圆点
7、paginationClickable: 分页圆点是否点击
8、prevButton: 上一页箭头
9、nextButton: 下一页箭头
10、loop: 是否首尾衔接

浙公网安备 33010602011771号