//下面先初始化自动轮播
var handle = setInterval(function(){//3秒自动点击下一页按钮一次
$('.jcarousel-control-next').trigger('click');//这样点击下页事件,实现自动轮播
},3000);
//下面鼠标hover事件, jcarouselwrap是轮播图片的容器
$('.jcarouselwrap').hover(
function(){
clearInterval(handle);//鼠标悬浮在图片上就停止自动滚动 清除handle
},
function(){//鼠标悬浮在图片上后移开鼠标,又自动滚动轮播,但是下次鼠标放上去的时候就不能停止自动轮播了求大神解决
var handle = setInterval(function(){//3秒自动滚动一次
$('.jcarousel-control-next').trigger('click');//这样自动点击下页事件
},3000);
}
); |