pauseOnMouseEnter
开启此功能,鼠标置于swiper时暂停自动切换,鼠标离开时恢复自动切换。
如果你还开启了disableOnInteraction,那么自动切换不会恢复。
如果你还开启了disableOnInteraction,那么自动切换不会恢复。
pauseOnMouseEnter信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 6.6.2
效果演示
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper',{
autoplay: {
pauseOnMouseEnter: true,
},
})
</script>
//6.6.2之前的版本需要通过代码实现此功能
mySwiper.el.onmouseover = function(){
mySwiper.autoplay.stop();
}
mySwiper.el.onmouseout = function(){
mySwiper.autoplay.start();
}
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/autoplay/474.html