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();})注意事項:名稱一定要一致,至于事件加到誰身上,自己決定。
?
轉載于:https://www.cnblogs.com/haley168/p/swiperAPI.html
總結
以上是生活随笔為你收集整理的swiper轮播器的常用案例分析(swiper hover停止mouseover停止)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 紫书搜索 习题7-8 UVA - 121
- 下一篇: 开发教程(四) MIP组件平台使用说明