美文网首页
19 day2018-07-31

19 day2018-07-31

作者: 杜大个 | 来源:发表于2018-07-31 15:34 被阅读0次

    zeptojs

    Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api

    它的最初目标是在移动端提供一个精简的类似jquery的js库。

    zepto包含很多模块,默认下载版本包含的模块有Core, Ajax, Event, Form, IE模块,如果还需要其他的模块,可以自定义构建。

    touch模块封装了针对移动端常用的事件,可使用此模块进行移动端特定效果开发,这些事件有:

    tap 元素tap的时候触发,此事件类似click,但是比click快。

    longTap 当一个元素被按住超过750ms触发。

    swipe, swipeLeft, swipeRight, swipeUp, swipeDown 当元素被划过时触发。(可选择给定的方向)

    swiper

    swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件,一般用来触屏焦点图、触屏整屏滚动等效果。 swiper分为2.x版本和3.x版本,2.x版本支持低版本浏览器(IE7),3.x放弃支持低版本浏览器,适合应用在移动端。

    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:是否首尾衔接

    11、onSlideChangeEnd:回调函数,滑动结束时执行;

    swiper制作实例:

    1、swiper制作移动端焦点图实例

    2、swiper制作整页滚动效果

    相关文章

      网友评论

          本文标题:19 day2018-07-31

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