求大神帮忙看一下，为什么鼠标多移动几次有的a标签的宽就无限拉长，可是明明清除了动画啊
window.onload=function(){
var A=document.getElementsByTagName('a');
for(var i=0;i<A.length;i++){
A[i].onmouseover=function(){
var This=this;
This.T=setInterval(function(){
clearInterval(This.T);
This.style.width=This.offsetWidth+8+'px';
if(This.offsetWidth>=120){
clearInterval(This.T);
}
},30)
}
A[i].onmouseout=function(){
var This=this;
This.T=setInterval(function(){
clearInterval(This.T);
This.style.width=This.offsetWidth-8+'px';
if(This.offsetWidth<=100){
This.style.width='100px';
clearInterval(This.T);
}
},30)
}
}
}
</script>
</head>
<body>
<ul class="big">
<li><a href="#">首 页</a></li>
<li><a href="#">新闻快讯</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">售后服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</body>
