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

移动端滑动插件 swiper

标签：

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