自动轮播与按钮的联动

将自动轮播与按钮结合起来,就是多写了好几行,挺好看的不过,留下

z=1;
l.eq(0).css("background-color","orange");
function move(){
if(z!=3){
bo.stop();
bo.animate({marginLeft:z*(-680)+"px"},
500,
function(){
z++;
})
}
if(z==3){
bo.animate({marginLeft:0+"px"},500,function(){
z=1;
l.css("background-color","rgb(94,79,57)");
l.eq(0).css("background-color","orange");
})
}
if(z==1){
l.css("background-color","rgb(94,79,57)");
l.eq(1).css("background-color","orange");
}
if(z==2){
l.css("background-color","rgb(94,79,57)");
l.eq(2).css("background-color","orange");
}
}
window.setInterval(move,3000)
l.eq(0).mouseover(function(){
l.css("background-color","rgb(94,79,57)");
l.eq(0).css("background-color","orange");
bo.animate({marginLeft:0+"px"},
500,
function(){})
})
l.eq(1).mouseover(function(){
l.css("background-color","rgb(94,79,57)");
l.eq(1).css("background-color","orange");
bo.animate({marginLeft:(-680)+"px"},
500,
function(){})
})
l.eq(2).mouseover(function(){
l.css("background-color","rgb(94,79,57)");
l.eq(2).css("background-color","orange");
bo.animate({marginLeft:(-1360)+"px"},
500,
function(){})
})

原文地址:https://www.cnblogs.com/m110/p/7683618.html