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();
    })

注意事项:名称一定要一致,至于事件加到谁身上,自己决定。

 

haley欢迎您来访本博客。此博客是作者在工作中的一个记事本,方便下次遇到同样问题时,以最快的速度解决掉遇到的问题。如果您发现哪里写的不对,欢迎给我留言,让我们一起进步。不胜感激!
posted @ 2017-03-14 23:11  HALEY168  阅读(786)  评论(0编辑  收藏  举报

版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)

haley二维码

715560471@qq.com

qq:715560471