鼠标在一个li上快速移动时 字会因为宽度变小掉下来 请帮忙看看原因
window.onload=function(){
var listA = document.getElementsByTagName('a');
for(var i=0;i<=listA.length;i++){
clearInterval(this.timer);
listA[i].onmouseover=function(){
clearInterval(this.timer);
var This = this;
This.timer = setInterval(function(){
This.style.width = This.offsetWidth + 20+'px';
if(This.offsetWidth >= 160){
clearInterval(This.timer);
}
},30);
}
listA[i].onmouseout=function(){
clearInterval(this.timer);
var This = this;
This.timer = setInterval(function(){
This.style.width = This.offsetWidth - 20+'px';
if(This.offsetWidth <= 120){
This.offsetWidth='120px';
clearInterval(This.timer);
}
},30);
}
}
}
</script>
</head>
<body>
<div id="nav">
<ul>
<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>
</div>
</body>
</html>
绿野仙踪02回答
-
woshiajuana
把代码贴完整，我复制到我的编译器，好乱呀，整理费时间，发完整帮你看看
随时随地看视频慕课网APP
相关分类
JavaScript