问答详情
源自:2-1 JS速度动画

问一下这个错在哪?麻烦大神看下

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

#div1{

width:200px;

height:200px;

border:2px solid red;

position:absolute;

left:0px;

top:0px;

}

</style>

<script type="text/javascript">

function startqwe(){

var qwe=document.getElementById('div1');

function moveqwe(){

qwe.style.left=qwe.style.offsetLeft+10+'px';

}

setInterval(moveqwe(),30);

}

</script>

</head>

<body>

<div id="div1"></div>

<input type="button" value="点击开始运动" onclick="startqwe()" />

</body>

</html>


提问者:死之外科医生 2017-03-28 20:47

个回答

  • qq_雨栉_0
    2017-03-28 22:45:11
    已采纳

    #div1{
    width:200px;
    height:200px;
    border:2px solid red;
    position:absolute;
    left:0px;
    top:0px;
    }
    加个z-index:-1;
    
    qwe.style.left=qwe.style.offsetLeft+10+'px';
    改成
    qwe.style.left=qwe.offsetLeft+10+'px';


  • qq_雨栉_0
    2017-03-28 23:09:50

    <script type="text/javascript">

    function startqwe(){

    var qwe=document.getElementById('div1');

    qwe.style.left=qwe.offsetLeft+10+'px';

    alert(qwe.style.left);

    setInterval(startqwe,100);

    //此处不能写startqwe();

    }

    </script>