swiper不同版本鼠标覆盖停止自动切换

// 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,
  },
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容