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>
woshiajuana
相关分类