导航页面水平伸缩效果

标签：

<script>
window.onload=function(){
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)
}
aA[i].onmouseout=function(){
clearInterval(this.time);
var This=this;
this.time=setInterval(function(){
This.style.width=This.offsetWidth-8+"px";
if(This.offsetWidth<=120){
This.style.width=‘120px‘;
clearInterval(This.time);
}
},30)
}
}
}
</script>

导航页面水平伸缩效果

标签：

原文地址：http://www.cnblogs.com/JQ330-54864/p/5676839.html