首页 > 移动平台 > 详细

移动端滑动插件 swiper

时间:2015-10-20 12:05:10      阅读:371      评论:0      收藏:0      [点我收藏+]

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

移动端滑动插件 swiper

原文:http://www.cnblogs.com/sanfense/p/4894240.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!