代码运行无效果，麻烦帮忙看一下。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
  *{margin:0;padding: 0}
  ul{list-style: none;height: 50px;border-bottom: 5px solid #f60;padding-left: 30px}
  li{float: left;margin-top: 20px}
  a{display:block; height:30px;text-align:center; line-height:30px; width:120px; margin-bottom:1px;color:#333;text-decoration:none; background-color: #ccc}
  .on,a:hover{color:red;height: 30px;line-height: 30px;background-color: black;}
</style>
<script>
  window.onload=function(){
   var aA=document.getElementsByTagName('a');
   for(var i=0;i<aA.length;i++)
    aA[i].onmounseover=function(){
     var This=this;
     setInterval(function(){
      This.style.width=This.offsetWidth+8+"px";     },30)
    }
  } </script>
</head>
<body>
<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>
</body>
</html>

你懂几个问题

2017-02-12

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

关注问题我要回答

821

操作

收起

3 回答

♥傻，才乖回答被采纳 +3 积分
2017-02-12

不好意思，刚打错了，应该写成onmouseover

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

♥傻，才乖
2017-02-12

你写的onmounseover多了一个应该写成 onmouseove，还有for循环后面少了一个{}

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

艾伦的吉他
2017-02-12

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)

}

}

}

-----------------------------------试试这个代码

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

#1

你懂几个问题提问者

谢谢。

2017-02-13 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

导航条菜单的制作

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

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

代码运行无效果，麻烦帮忙看一下。

我要回答关注问题

意见反馈帮助中心 APP下载