请帮我看看这个问题

来源:2-1 JS速度动画

_做个美美美美妞

2015-09-17 16:48

它的实际移动距离怎么和设置的不一样

<style>

*{margin=0;padding=0;}

div{

position:relative;

left:-200px;

width:200px;

height:100px;

background:#9F6;}


</style>

<script>

window.onload=function(){

var mydiv=document.getElementById('odiv');

  mydiv.onmouseover=function(){

  starmove();}

  mydiv.onmouseout=function(){

  starmove1();}      

}

var timer=null;

function starmove(){

clearInterval(timer);

var mydiv=document.getElementById('odiv');

    timer=setInterval(function(){

mydiv.style.left=mydiv.offsetLeft+10+'px';}

,300)}

function starmove1(){

clearInterval(timer);

var mydiv=document.getElementById('odiv');

    timer=setInterval(function(){

mydiv.style.left=mydiv.offsetLeft-10+'px';}

,300)}


</script>

<body>

<div id="odiv"></div>

</body>

</html>


写回答 关注

1回答

  • Q南极熊Q
    2015-09-18 02:07:49

    position:absolute  绝对引用

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题