为了账号安全,请及时绑定邮箱和手机立即绑定

为什么鼠标划过之后选项卡就不动了,移开鼠标也不自动切换了?

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);       //鼠标划过时清除定时器

lis[i].index=i;

for(var j=0;j<lis.length;j++){      //初始化所有的li和div标签

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);

}


正在回答

1 回答

下次把html和css也贴出来啊,按照你原来的思路写会有一个问题,就是鼠标离开时会跳到之前自动切换的下一个,而不是鼠标离开的下一个tab,所以我另外封装了一个函数change,并采用变量赋值的方法实现。

望采纳,谢谢!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么鼠标划过之后选项卡就不动了,移开鼠标也不自动切换了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信