為什么鼠標(biāo)劃過之后選項(xiàng)卡就不動了,移開鼠標(biāo)也不自動切換了?
window.onload=function(){
var div1=document.getElementById("div1");
var ul=div1.getElementsByTagName("ul")[0];
var lis=ul.getElementsByTagName("li");
var divs=div1.getElementsByTagName("div");
var index1=0;
var timer=null;
for(var i=0;i<lis.length;i++){
lis[i].onmouseover=function(){
clearInterval(timer); ? ? ? //鼠標(biāo)劃過時清除定時器
lis[i].index=i;
for(var j=0;j<lis.length;j++){ ? ? ?//初始化所有的li和div標(biāo)簽
divs[j].className="hide";
lis[j].className="";
}
divs[this.index].className="";
this.className="li1";
}
lis[i].ommouseout=function(){
timer=setInterval(autoplay,1000);
}
}
function autoplay(){
index1++;
if(index1>=lis.length)
index1=0;
for(var j=0;j<lis.length;j++){
divs[j].className="hide";
lis[j].className="";
}
divs[index1].className="";
lis[index1].className="li1";
}
timer=setInterval(autoplay,1000);
}
2017-10-12
下次把html和css也貼出來啊,按照你原來的思路寫會有一個問題,就是鼠標(biāo)離開時會跳到之前自動切換的下一個,而不是鼠標(biāo)離開的下一個tab,所以我另外封裝了一個函數(shù)change,并采用變量賦值的方法實(shí)現(xiàn)。
望采納,謝謝!