青岛网站建设新闻资讯

swiper轮播如何分别单独设置滚动间隔时间

时间:2024-03-29 已阅读:1067次 | 作者:青岛网站建设

首页>新闻资讯>建站知识

swiper轮播如何分别单独设置滚动间隔时间?自动切换的时间间隔,单位ms。

你还可以在某个slide上设置单独的停留时间,例<div class="swiper-slide" data-swiper-autoplay="5000">

例如默认2秒切换一次,第二个slide单独设置了5秒代码:

<div class="swiper-slide red-slide" data-swiper-autoplay="5000">slider2</div>
<script>var mySwiper = new Swiper('.swiper', {
autoplay: {
delay: 2000,//2秒切换一次},
});</script>



二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1450.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图