如何在一个页面用多个swiper特效
2个回答
2018-06-28 · 诚信经营,以人为本,客户致上!
广州速推信息科技有限公司
文芳阁传媒是一个专业在网络上承接企业,个人软文代写以及软文推广的平台。以低价格把新闻发布在新浪、网易、新华、凤凰、腾讯、央视等3000家门户及地方网站媒体,以塑造公司品牌的知名度和公信力.
向TA提问
关注
展开全部
即在枝猜渣插件中 给出来的 共用的class前面加上 父元素(你来给一个class或id)兆喊来区分。
写style的时候.swiper-container和.swiper-paginatio是共用的不要写在里面新建class区分猛悄写改变它们不同的样式。
写style的时候.swiper-container和.swiper-paginatio是共用的不要写在里面新建class区分猛悄写改变它们不同的样式。
展开全部
js例:裂配
<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区分写改变它们不同的样式。
个人用法运用需考虑。
<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区分写改变它们不同的样式。
个人用法运用需考虑。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询