移动端框架swiper笔记

作者: 小纸人儿 | 来源:发表于2016-10-18 22:16 被阅读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时指针会变成手掌形状,拖动时指针会变成抓手形状。(根据浏览器形状有所不同)

    相关文章

      网友评论

        本文标题:移动端框架swiper笔记

        本文链接:https://www.haomeiwen.com/subject/xivtuttx.html