查看: 7687|回复: 5
打印 上一主题 下一主题

swiper里如何设置鼠标hover上去停止自动轮播,在线坐等

[复制链接]

该用户从未签到

1

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
跳转到指定楼层
楼主
发表于 2016-8-6 19:43:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
swiper里如何设置鼠标hover上去不自动轮播,移出后继续轮播的效果啊,api看的好蛋疼,在线坐等
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
沙发
 楼主| 发表于 2016-8-6 19:45:08 | 只看该作者
人工置顶
回复

使用道具 举报

该用户从未签到

1

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
板凳
 楼主| 发表于 2016-8-6 19:52:15 | 只看该作者
人工置顶
回复

使用道具 举报

该用户从未签到

1

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
地板
 楼主| 发表于 2016-8-6 19:58:47 | 只看该作者
人工置顶
回复

使用道具 举报

  • TA的每日心情
    奋斗
    2016-12-10 16:30
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    5

    帖子

    58

    积分

    注册会员

    Rank: 2

    积分
    58
    5#
    发表于 2016-12-10 11:49:42 | 只看该作者
      $('.s-box').hover(function(){
              mySwiper.stopAutoplay();
              },function(){
              mySwiper.startAutoplay();
             
    });
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    10

    积分

    新手上路

    Rank: 1

    积分
    10
    6#
    发表于 2020-7-9 18:15:50 | 只看该作者
    官方实例,不过官方的搜索不太智能
    <script language="javascript">
    var mySwiper = new Swiper('.swiper-container',{
      autoplay : true,
    })

    //鼠标覆盖停止自动切换
    mySwiper.el.onmouseover = function(){
      mySwiper.autoplay.stop();
    }

    //鼠标离开开始自动切换
    mySwiper.el.onmouseout = function(){
      mySwiper.autoplay.start();
    }
    </script>
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-16 04:02 , Processed in 0.094362 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表