函数isToggleImg(n) {
if (isToggleImagEnd) {
isToggleImagEnd=false
if (n==0) {
索引-;
}否则{
指数;
}
$div.animate({
左:索引*(600)
},500,function () {
if (index==0) {
指数=5
}
if (index==6) {
指数=1;
}
//设置图片轮播时,从最后一张图片跳到第一张图片时不会有空隙,可以像其他图片一样跳转。
$div.css(left ,index *(600))
//设置图片下方的点状态,并更改其类属性。
$ span . remove class( on );
$($span.get(index - 1))。addClass(on )
isToggleImagEnd=true
})
}
}
//设置延时功能,让下一张图片在固定时间自己播放。
var interval=setInterval(function(){
isToggleImg(1);
}, 1000)
//鼠标图片上的图片停止旋转,移动继续旋转。
$(#container )。hover(function () {
clearInterval(间隔)
},function () {
interval=setInterval(function(){
isToggleImg(1);
}, 1000)
})
//为圆点设置监控事件,点击圆点,画面跳转。
$span.click(function () {
index=$(这个)。index();
isToggleImg()
})
/脚本
这就是本文的全部内容。希望对大家的学习有帮助,支持我们。