为了账号安全,请及时绑定邮箱和手机立即绑定

设置的a的class为on

如果点击了后面的标签的话,那么第一个的标签不还是亮着的吗?

正在回答

1 回答

var a   = document.getElementsByTagName("a"),
   len = a.length,
   i = 0;
for(i=0; i<len; i++){
   a[i].index = i;
   a[i].onmouseover = function(){
       clearInterval(this.timer_out ); // 清除离开时的动画栈
       var _this = this;
       _this.timer_over = setInterval(function(){

           _this.style.width = _this.offsetWidth + 8 +"px";
           if (_this.offsetWidth >= 160){
               _this.style.width = 160 +"px";
               clearInterval(_this.timer_over );
           }
       },30)
   }
   a[i].onmouseout = function(){
       clearInterval(this.timer_over ); // 清除悬浮时的动画栈
       var _this = this;

       _this.timer_out = setInterval(function(){

           _this.style.width = _this.offsetWidth - 8 +"px";
           if (_this.offsetWidth <= 120){
               _this.style.width = 120 +"px";
               clearInterval(_this.timer_out );
           }
       },30)
   }
}

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

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

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

进入课程

设置的a的class为on

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信