// 4.0版本以前
var mySwiper = new Swiper('#swiper01', {
spaceBetween: 0,
loop: true,
autoplay: 4000,
autoplayDisableOnInteraction: false,
})
$('#swiper01').hover(function(){
mySwiper.stopAutoplay();
},function(){
mySwiper.startAutoplay();
})
//swiper4.0以上
mySwiper.el.onmouseover = function(){
mySwiper.autoplay.stop();
}
mySwiper.el.onmouseout = function(){
mySwiper.autoplay.start();
}
//6.62以后版本 使用autoplay里pauseOnMouseEnter属性
var mySwiper = new Swiper('.swiper',{
autoplay: {
pauseOnMouseEnter: true,
},
})
swiper不同版本鼠标覆盖停止自动切换
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 转自:https://www.bilibili.com/read/cv1522826/[https://www.b...
- 相信前端的小伙伴们对轮播图都不陌生,对于做轮播图,swiper框架是一个不错的选择.废话不多说上代码 首先要引入需...
- option配置项(测试用) 设置高亮 注意点:在legend中设置selectedMode:false,否则会有...
- <template> <el-row :gutter="10" class="row-col"> <el...
- 首先是实例化swiper 这里有一个注意点,就是实例化的时机 如果你的swiper内容是写死的,可以在compon...
