大神帮看看我的是不是我的js出了问题，为什么，会鼠标放到上面无限拉长或字还不停抖动

window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0;i<aA.length;i++){ aA[i].onmouseover=function(){ var This=this; This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+'px'; if(This.offsetWidt

乄小安静

2016-08-23

源自：导航条菜单的制作 5-1

关注问题我要回答

745

操作

收起

3 回答

qq_A米豆腐_0 回答被采纳 +3 积分
2016-08-23

var aA=document.getElementsByTagName('a');

for(var i=0; i<aA.length; i++){

aA[i].onmouseover=function(){

var This=this;

clearInterval(This.time);

This.time=setInterval(function(){

This.style.width=This.offsetWidth+8+"px";

if(This.offsetWidth>=160)

clearInterval(This.time);

},30)

}

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

收起回答

乄小安静提问者

非常感谢！

2016-08-24 回复有任何疑惑可以回复我~

一只勤奋的猪
2016-08-28

把缩回的时间设置成0

其实抖动效果是因为当你的鼠标离开左边的时候，触发了左边盒子的onmouseout事件，与此同时，鼠标移到了右边，也就是触发了右边盒子的onmouseover事件，这两个事件同时进行，也就是左边盒子往回缩的同时，右边的盒子在伸长，但是左边盒子往回缩会造成右边盒子往左移动，于是右边的盒子同时在进行左移和向右伸长，看起来就像是在抖动一样

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

收起回答