为什么一下代码少了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这句div块就可以成功的移动了？？？？？
<html >
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style type="text/css">
.class1
{
width:100px;
height:100px;
background-color:Blue;
position:absolute;
left:100px;
top:100px;
}
</style>
<script type="text/javascript">
function show(){
var box=document.getElementById('box');
var x = box.offsetLeft
x += 0.5;//每隔40毫秒就向右移动0.5位置
box.style.left = x;//为什么不可以直接使用left来计算呢因为进行加法运算时，必须是数字而left接受的值是字符串所以需要中间变量来调解
}
function Move(){
setInterval('show()', 40);
}
</script>
</head>
<body>
<input type="button" value="右移" onclick="Move();"/>
<div id="box" class="class1"></div>
</body>
</html>
qq_大寒_2