使用jquery实现图片轮播效果如何,jQuery图片轮播

使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果

函数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()

})

/脚本

这就是本文的全部内容。希望对大家的学习有帮助,支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: