Swiper 4.0.7 如何在鼠标悬浮在上方时停止自动切换
3个回答
展开全部
1、打开HBuilderX开发工具，创建一个Web项目，并将swiper插件对应的CSS和JavaScript文件拷贝到项目中。
2、新建一个静态页面，然后将swiper插件的文件引入到页面中。
3、接着在<body></body>标签中，插入多个div标签并设置class属性。
4、利用类选择器和伪类选择器nth-child，设置几个div标签的样式。
5、调用jquery初始化函数，对swiper插件进行初始化，设置autoplay属性。
6、保存代码并运行项目，打开浏览器查看界面效果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我找了半天不知道怎么处理，后来我只能通过给.swiper-wrapper这个类上添加mouseenter方法去阻止动画，当鼠标离开的时候再开始它的动画。例如：
$(".swiper-wrapper").on("mouseenter",function(){
mySwiper.autoplay.stop();
});
$(".swiper-wrapper").on("mouseleave", function () {
mySwiper.autoplay.start();
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
autoplayDisableOnInteraction : false, 亲,你少了一句这个哦~这个就是解决这个问题的,么么哒。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
