首页 > 代码库 > swiper轮播器的常用案例分析(swiper hover停止mouseover停止)
swiper轮播器的常用案例分析(swiper hover停止mouseover停止)
API地址
基础演示
hover停止需要自己设置,代码如下
var mySwiper= new Swiper(‘.swiper-container‘, { //这里的常规的设置参数 pagination: ‘.swiper-pagination‘, slidesPerView: 5, paginationClickable: true, spaceBetween: 30, loop:true, autoplay:1000, loopedSlides:5 }); $(‘.swiper-container‘).mouseover(function(){ mySwiper.stopAutoplay(); }) $(‘.swiper-container‘).mouseout(function(){ mySwiper.startAutoplay(); })
注意事项:名称一定要一致,至于事件加到谁身上,自己决定。
swiper轮播器的常用案例分析(swiper hover停止mouseover停止)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。