為什么鼠標(biāo)劃過之后選項(xiàng)卡就不動(dòng)了,移開鼠標(biāo)也不自動(dòng)切換了?
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)劃過時(shí)清除定時(shí)器
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也貼出來啊,按照你原來的思路寫會(huì)有一個(gè)問題,就是鼠標(biāo)離開時(shí)會(huì)跳到之前自動(dòng)切換的下一個(gè),而不是鼠標(biāo)離開的下一個(gè)tab,所以我另外封裝了一個(gè)函數(shù)change,并采用變量賦值的方法實(shí)現(xiàn)。
望采納,謝謝!