swiper多个特效怎么在同一页面上使用（成都网站建设）

2016-08-20 分类：网站建设

最近给公司开发手机端网站，发现一个很厉害的插件swiper，这个插件可以做出很多漂亮的滑动的图片效果，暂时在使用的时候我发现所有的特效样式都是一样的。用的是相同的class swiper-container和swiper-pagination，怎么将他们分来呢？我中间换了类名，但是出不来效果，最后我换成这样的，请注意红色的部分：

$(function(){ var mySwiper = $( '.banner .swiper-container' ).swiper({mode:'horizontal',loop: true,autoResize:true,pagination:' .banner .swiper-pagination ',paginationClickable :true,autoplay : 3000, }); var swiper = $(' .case .swiper-container ').swiper({ pagination: ' .case .swiper-pagination ',slidesPerView: 4,slidesPerColumn: 2,paginationClickable: true,spaceBetween: 20 });}) 最终出来了效果，

获取他们共用的class的时候加上父元素区分开。写style的时候.swiper-container和.swiper-paginatio是共用的不要写在里面新建class区分写改变它们不同的样式。

关注“创新互联（成都网站建设）”，你将可以获得更多的特效问题的应用。

网站题目：swiper多个特效怎么在同一页面上使用（成都网站建设）
URL分享：https://www.cdcxhl.com/news25/42075.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容