前端开发Web前端之路让前端飞

移动端框架swiper笔记

2016-10-18  本文已影响288人  小纸人儿

swiper用于制作各种幻灯片的移动端框架,官方网站为: http://www.swiper.com.cn/
今晚学习顺便做下笔记。主要看了swiper的api
http://www.swiper.com.cn/api/basic/2015/0308/197.html
1、autoplay:2000, //自动切换 2s
自动切换的时间间隔(单位ms),不设定该参数slide不会自动切换,用户操作后autoplay停止

2、initialSlide:2, // 当前索引值为第2张 ,从0计数
设定初始化时slide的索引。

3、direction : vertical , //滑动方向为垂直
Slides的滑动方向,可设置水平(horizontal)或垂直(vertical)。

4、speed:1000; //滑动速度为1000 , 默认300
滑动速度,即slider自动滑动开始到结束的时间(单位ms)。

5、autoplayDisableOnInteraction : false,
用户操作swiper之后,是否禁止[autoplay],默认为true:停止。如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。

6、autoplayStopOnLast:true,
如果设置为true,当切换到最后一个slide时停止自动切换。(loop模式下无效)

7、grabCursor : true,
设置为true时,鼠标覆盖Swiper时指针会变成手掌形状,拖动时指针会变成抓手形状。(根据浏览器形状有所不同)

上一篇下一篇

猜你喜欢

热点阅读