swiper多个特效在同一页面上使用(较快方法)

Posted 忘忧❤碎

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了swiper多个特效在同一页面上使用(较快方法)相关的知识,希望对你有一定的参考价值。

 <script>  
var swiper = new Swiper(‘.module01 .swiper-container‘, {
pagination: ‘.module01 .swiper-pagination‘,
paginationClickable: true,
autoplay : 1000
});
var swiper = new Swiper(‘.module02 .swiper-container‘, {
slidesPerView:5,
paginationClickable: true,
spaceBetween:0,
freeMode: true
});
</script>
获取他们共用的class的时候加上父元素区分开。
写style的时候.swiper-container和.swiper-paginatio是共用的不要写在里面新建class区分写改变它们不同的样式。

以上是关于swiper多个特效在同一页面上使用(较快方法)的主要内容,如果未能解决你的问题,请参考以下文章

一个页面多个swiper问题解决

swiper,一个页面使用多个轮播

swiper结合ajax的轮播图

swiper在一个页面多个轮播图

一个页面使用多个相同Swiper轮播效果怎么写会不冲突

Swiper插件的基本使用方法和案例