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多个特效在同一页面上使用(较快方法)的主要内容,如果未能解决你的问题,请参考以下文章