249045439
网站建设

swiper多个特效如何在同一页面上用(成都网站制作)

发表日期:2025-05-20   作者来源:www.kajren.com   浏览:406   标签:网站建设    
近期给公司开发手机端网站,发现一个非常厉害的插件swiper,这个插件可以做出不少好看的滑动的图片成效,暂时在用的时候我发现所有些特效样式都是一样的。用的是相同的classswiper-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多个特效如何在同一页面上用(成都网站制作)文章推荐:https://www.cdcxhl.com/news/42075.html

网站制作、网络营销推广公司-博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站制作等

如没特殊注明,文章均为九天智能建站 原创,转载请注明来自https://www.kgpqw.com/news/list/1/https://www.kgpqw.com/news/jianzhan/361.html
上一篇:

下一篇: