求大神帮忙。。。我这个div怎么不能移动? - javascript吧

level 8

余真帆楼主

利用window对象，实现浮动效果
1、有一个div，就是我们要控制的，它的起始点坐标（0,0）
2、设定横向和纵向的速度
3、控制div移动
1）div是否到达边界，设置图片速度反向移动
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>浮动广告</title>
<style type="text/css">
div {
position: absolute;
}
</style>
</head>
<body>
<div id="floatdiv">
<img src="1.jpg" height="100px" width="200px" />
</div>
</body>
</html>
<script type="text/javascript">
//取得浮动图片
var img = document.getElementById("floatdiv");
//设置初始位置与速度
var x = 0,
y = 0,
xSpeed = 2,
ySpeed = 1;
//获取屏幕大小
var w = document.body.clientWidth - 200,h = document.body.clientHeight - 100;
function floatdiv(){
if(x>w||x<0) xSpeed=-xSpeed;
if(y>h||y<0) ySpeed=-ySpeed;
x + =xSpeed;
y + =ySpeed;
img.style.top = y + "px";
img.style.left = x + "px";
setTimeout("floatdiv()",10);
}
floatdiv();
</script>

2016年01月06日 12点01分 1