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

鼠标在一个li上快速移动时 字会因为宽度变小掉下来 请帮忙看看原因

鼠标在一个li上快速移动时 字会因为宽度变小掉下来 请帮忙看看原因

绿野仙踪0 2016-06-29 17:18:20
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>
查看完整描述

2 回答

?
woshiajuana

TA贡献211条经验 获得超152个赞

把代码贴完整,我复制到我的编译器,好乱呀,整理费时间,发完整帮你看看

查看完整回答
反对 回复 2016-06-30
  • 绿野仙踪0
    绿野仙踪0
    已贴完整代码 ,还有报错说 onmouseover 未定义,但鼠标移上,菜单横向拉伸效果已经有了。 是为什么?谢谢
  • 2 回答
  • 0 关注
  • 1079 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信