移动端滑动插件 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