这是怎么回事,不能让这几个div同时运动

代码如下 :

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>52-多物体同时运动</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 100px;
            height: 50px;
            background-color: red;
            margin-top: 20px;
        }
    </style>
    <script>
        window.onload=function()
        {

            var aDiv=document.getElementsByTagName('div');

            for(var i=0;i<aDiv.length;i++)
            {
                aDiv[i].timer='null';//定义多个div的定时器

                aDiv[i].onmousemover=function()
                {
                    startMove(this, 400);
                };
                aDiv[i].onmouseout=function()
                {
                    startMove(this, 100);
                };
            }
        };

       function  startMove(obj,iTarget)
      {

          clearInterval(obj.timer);

          obj.timer=setInterval(function()
          {
              var speed=(iTarget-obj.offsetWidth)/6;
              speed=speed>0?Math.ceil(speed):Math.floor(speed);

              if(obj.offsetWidth==iTarget)
              {
                  clearInterval(obj.timer);
              }
              else
              {
                  obj.style.width=obj.offsetWidth+speed+'px';
              }
          },30);
      }
    </script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>

2个回答

onmouseover,不是onmousemover

  aDiv[i].onmouseover/*onmousemover*/ = function () {

谢谢啦!后面我重写了一遍,才发现是这个问题,哎!

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问