请问哪里不对呢?

来源:4-1 JS多物体动画

qq_Desperado_19

2016-09-05 19:25

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

window.onload=function(){

var x=document.getElementById("1st");

x.onmouseover=function(){

startmove(0)

}

x.onmouseout=function(){

startmove(-480)

}

}

var timmer=null;

function startmove(target){

clearInterval(timmer)

var x=document.getElementById("1st");

setInterval(function(){

var speed=0;

speed=(target-x.offsetLeft)/10

speed=speed>0?Math.ceil(speed):Math.floor(speed);

if(x.offsetLeft==target){

clearInterval(timmer)

}else{

x.style.left=x.offsetLeft+speed+"px";

}

},30)

}

</script>

</head>


<body>

<div id="1st" style="position: absolute; width: 500px; height: 100px; left: -480px; top: 262px;background:#00F"></div>

</body>

</html>


写回答 关注

1回答

  • 绝望之巅
    2016-09-05 20:00:02
    已采纳

    定时器那里, timmer = setInterval(  

    qq_Des...

    非常感谢!

    2016-09-05 20:34:54

    共 1 条回复 >

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题