查看: 5832|回复: 1
打印 上一主题 下一主题

鼠标在swiper 停止滑动,鼠标移出swiper 继续滑动

[复制链接]

该用户从未签到

2

主题

8

帖子

46

积分

新手上路

Rank: 1

积分
46
跳转到指定楼层
楼主
发表于 2015-12-16 22:30:28 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
20金钱
http://www.swiper.com.cn/api/function/2015/0405/271.html

如何把这个锁定的判断设定为鼠标 在滑动块内  和块外?  谢谢。。。。。。老师。。。。

<script language="javascript"> var mySwiper = new Swiper('.swiper-container',{autoplay : 1000,})$('#btn1').click(function(){$("#showhtml").html('锁住状态');mySwiper.lockSwipes();})$('#btn2').click(function(){$("#showhtml").html('一般状态');mySwiper.unlockSwipes();})</script>


分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

2

帖子

34

积分

新手上路

Rank: 1

积分
34
沙发
发表于 2016-1-7 19:38:07 | 只看该作者
<script language="javascript">
   var mySwiper = new Swiper( '.swiper-container' ,
        {autoplay : 1000,}
         )
$('.swiper-container').hover({function(){
           mySwiper.lockSwipes();
          },function(){
          mySwiper.unlockSwipes();
};
})
额,不太确定,但是你说的应该是这样吧,但是如果你想做,鼠标经过自动播放就暂停的话,用的其实不是这两个。

<script language="javascript">
   var mySwiper = new Swiper( '.swiper-container' ,
        {autoplay : 1000,}
         )
$('.swiper-container').hover({function(){
           swiper.stopAutoplay();
          },function(){
          swiper.startAutoplay();
};
})
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-22 22:49 , Processed in 0.054076 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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