【多个运动】函数哪里错了?
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <style>
    div {
        width: 100px;
        height: 50px;
        background-color: red;
        margin-top:50px;
    } 
    </style>
        <script type="text/javascript">                                        
        window.onload=function()
        {
            var aDiv = document.getElementsByTagName('div');

            for(let i=0;i<aDiv.length;i++)
            {
                aDiv[i].timer = null;
                aDiv[i].onmouseover = function ()
                {
                    startMove(this,300);
                }
                aDiv[i].onmouseout = function ()
                {
                    startMove(this,100);
                }
            }
        }

        function startMove(obj,iTarget)
        {
                clearInterval(obj.timer);
                timer=setInterval(function () {
                    var iSpeed = (iTarget - obj.offsetWidth)/8;
                    iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

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

3个回答

obj.timer=setInterval(function(){},30)

obj.style.width = oDiv.offsetWidth + iSpeed + 'px';

weixin_43645287
小秦& 谢谢!问题已解决
大约一年之前 回复

虽然没太明白你要做什么但是
obj.style.width = oDiv.offsetWidth + iSpeed + 'px';
这句 oDiv 是未定义的

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