SWIPPER中鼠标hover上去停止轮播
时间: 2023-09-05 20:12:57 浏览: 191
基于js编程方式模拟实现多种鼠标hover特效.zip
你可以通过以下代码实现SWIPPER中鼠标hover上去停止轮播:
1. 首先在HTML代码中给轮播元素绑定一个鼠标进入和离开时的事件:
```html
<div class="swiper-container" onmouseenter="stopSwiper()" onmouseleave="startSwiper()">
<!-- 轮播图片 -->
</div>
```
2. 在JS中编写startSwiper()和stopSwiper()函数来控制轮播:
```javascript
var mySwiper = new Swiper('.swiper-container', {
// 轮播配置参数
});
function startSwiper() {
mySwiper.autoplay.start(); // 开始轮播
}
function stopSwiper() {
mySwiper.autoplay.stop(); // 停止轮播
}
```
阅读全文