码迷,mamicode.com
首页 > 其他好文 > 详细

swiper轮播器的常用案例分析(swiper hover停止mouseover停止)

时间:2017-03-15 00:34:06      阅读:4336      评论:0      收藏:0      [点我收藏+]

标签:str   api   html   ack   blank   oop   des   ble   com   

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停止)

标签:str   api   html   ack   blank   oop   des   ble   com   

原文地址:http://www.cnblogs.com/haley168/p/swiperAPI.html

(2)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!