將自動輪播與按鈕結(jié)合起來，就是多寫了好幾行，挺好看的不過，留下

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(){})
})

轉(zhuǎn)載于:https://www.cnblogs.com/m110/p/7683618.html

總結(jié)

以上是生活随笔為你收集整理的自动轮播与按钮的联动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。