鼠标放上去会无限变大，

<script>
window.onload=function(){
   var aA=document.getElementsByTagName('a');
   for(var i=0;i<aA.length;i++)
   {
       aA[i].onmouseover=function(){
           clearInterval(this.time);
           var This=this;
           This.time=setInterval(function(){
               This.style.width=This.offsetWidth+8+"px";
               if(This.offsetWidth>=140){
                   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>

花馆

2016-02-20

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

关注问题我要回答

625

操作

收起

1 回答

孟熙武回答被采纳 +3 积分
2016-02-20

<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>

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

#1

花馆提问者

非常感谢！

2016-02-20 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

导航条菜单的制作

参与学习 123899 人
解答问题 813 个

水平、垂直、圆角导航条菜单，让您的技术探索之路更高效

鼠标放上去会无限变大，

我要回答关注问题

意见反馈帮助中心 APP下载