swiper在鼠标移入后停止轮播，移出后继续轮播
1 371 2022-04-20 08:19:23
收藏
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: '.swiper-pagination',
loop: true,
speed:1000,
autoplay:3000,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
});
var banner = document.getElementById('banner');
banner.onmouseenter = function () {
swiper.stopAutoplay();
};
banner.onmouseleave = function () {
swiper.startAutoplay();
}本文地址：https://xzo.com.cn/develop/js/1083.html
如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。
什么是XSS？XSS（Cross Site Scripting），跨站脚本攻击，是一种允许攻击者在另外一个...
对于网站、app开发等工作而言，复制是一个非常常见的功能。很多人到处找插件...
我们常用$(window).height() 和 $(document).height()来监听当前高度，但这个...
今天鸥哥在用swiper做轮播图时，轮播效果虽然没问题，但只显示第一张，后面的图片...
通过jQuery实现点击关注按钮弹出二维码是一个比较常用的功能，今天鸥哥讲讲这...
通过灵活运用js，我们可以轻松实现点击追加相关信息到textarea的功能。这个功...
网站日常访客主要是windows和mac os两种操作系统，如果网站提供资源下载，则需...
dplayer和ckplayer都是非常流行的web视频播放器，二者都占有相当大的用户市场...
通过css3，我们可以制作很多炫酷的动画交互效果。今天鸥哥给大家分享的是通过...
CSS3动画：鼠标上移后颜色向中间靠拢是一个看起来很有档次的CSS3动画，很多人不...
不管是基于何种后端程序的网站，必不可少的是base.css文件。该文件用于清除一...
jQuery的load方法可以在当前页面引入新页面的代码，但如果直接测试，我们会发现...
我们可以用addEventListener() 方法来向指定元素添加事件句柄。但如果js脚...
video标签常用于网页视频播放，简单方便。但如果需要自定义需求时，则需要了解...
在pc+手机双端建设中，我们经常需要用到手机端浏览pc端页面时自动跳转手机站，...
scrollTop是jQuery库的一个滚动函数，使用非常简单。但由于Chrome与Firefox的...