window.onload = function() { var oBan = document.getElementById("banner01"); var oWidth = document.getElementById("box").offsetWidth; var oStrong = document.getElementsByTagName("strong"); var oLeft = document.getElementById("left"); var flag = true; var num = 0; oBan.onmouseover = function() { flag = false; } oBan.onmouseout = function() { flag = true; } var time1 = setInterval(function() { if(flag) { oLeft.onclick(); } }, 3000) oLeft.onclick = function() { num++; if(num == oStrong.length) { num = 0; } //左箭头 click1(oBan, oStrong, oWidth, num); return num; } for(var j = 0; j < oStrong.length; j++) { oStrong[j].index = j; oStrong[j].onclick = function() { num = this.index; //点击圆点 click1(oBan, oStrong, oWidth, num); return num; } } var oBan1 = document.getElementById("banner02"); var oWidth1 = document.getElementById("box01").offsetWidth; var oDfn = document.getElementsByTagName("dfn"); var oLeft1 = document.getElementById("left01"); var on = true; var numa = 0; oBan1.onmouseover = function() { on = false; } oBan1.onmouseout = function() { on = true; } var time2 = setInterval(function() { if(on) { oLeft1.onclick(); } }, 3000) oLeft1.onclick = function() { numa++; if(numa == oDfn.length) { numa = 0; } //左箭头 click2(oBan1, oDfn, oWidth1, numa); return numa; } for(var j = 0; j < oDfn.length; j++) { oDfn[j].index = j; oDfn[j].onclick = function() { numa = this.index; //点击圆点 click1(oBan1, oDfn, oWidth1, numa); return num; } } } function click1(obj, obj2, add, num) { for(var i = 0; i < obj2.length; i++) { obj2[i].className = ""; } obj2[num].className = "curr"; obj.style.marginLeft = -add * num + 'px'; } function click2(obj01, obj02, add01, num01) { for(var i = 0; i < obj02.length; i++) { obj02[i].className = ""; } obj02[num01].className = "curr01"; obj01.style.marginLeft = -add01 * num01 + 'px'; }