前端网页轮播图设置鼠标在轮播图上的时候,轮播图就继续播放的代码
时间: 2023-04-01 19:00:57 浏览: 120
您好,以下是前端网页轮播图设置鼠标在轮播图上的时候,轮播图就继续播放的代码:
```javascript
var timer = null;
var index = ;
var len = $('.slider-panel').length;
function sliderAuto() {
timer = setInterval(function() {
index++;
if (index >= len) {
index = ;
}
$('.slider-panel').eq(index).fadeIn(300).siblings().fadeOut(300);
$('.slider-nav li').removeClass('active');
$('.slider-nav li').eq(index).addClass('active');
}, 200);
}
sliderAuto();
$('.slider').hover(function() {
clearInterval(timer);
}, function() {
sliderAuto();
});
$('.slider-nav li').click(function() {
index = $(this).index();
$('.slider-panel').eq(index).fadeIn(300).siblings().fadeOut(300);
$('.slider-nav li').removeClass('active');
$(this).addClass('active');
});
```
希望能对您有所帮助。