解析 'left' 的值时出错。 声明被丢弃。
来源：2-1 JS速度动画
qq_请叫我曼哥好么_0
2016-11-18 20:47
html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动画</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="box">
123
</div>
</body>
</html>
css文件
*{
margin: 0;
padding-top: 0;
}
#box{
width: 200px;
height: 200px;
left:-200px;
background: #567;
cursor: pointer;
}
js文件
var timer=null;
window.onload=function(){
var box=document.getElementById('box');
box.onmouseover =function(){
startMove();
}
}
function startMove(){
setInterval(function(){
box.style.left=box.left+10+'px';
},30);
}
写回答
关注
1回答
-
- qq___571
- 2016-11-19 00:46:04
把倒数第三行的 box.left去掉
JS动画效果
通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装
113923 学习 · 1443 问题
相似问题