zoukankan      html  css  js  c++  java
  • 移动端滑动插件 swiper

    swiper.js能适用于用PC网页,也能使用移动端页面,之前用TouchSwipe,感觉没有swiper.js强大,TouchSwipe有一个bug,在滑动区域有连接的时候(大面积的a),默认点击会无效,只能滑动,即时用jq去模拟点击也是失效的,也许是自己没有发现正确使用方法,求问度娘,发现swiper神器。。。

    下面放上代码,

    //滑动效果
            var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',//分页
                paginationClickable: true,//是否允许点击
                paginationBulletRender: function (index, className) {
                    return '<a class="' + className + '">' + aNav[index] + '</a>';//自定义分页导航的样式,如果不需要自定义分页样式,这段删除即可
      } });
    
    

    如果不需要分页,直接 

    var swiper = new Swiper('.swiper-container')即可

    中文介绍网站:http://www.swiper.com.cn/

    英文网站:http://www.idangero.us/swiper/#.ViWxbdKqpBc

  • 相关阅读:
    day58
    day57
    day55
    day56
    day54
    Vue(练习二)
    Vue练习
    Vue框架
    作业
    Django(九)
  • 原文地址:https://www.cnblogs.com/sanfense/p/4894240.html
Copyright © 2011-2022 走看看