下面的代码是用来实现一个div左右浮动效果，当我把var x = 2;写成全局变量的时候（move()函数外），功能可以实现；当我把var x = 2;写成局部变量的时候（move()函数里），功能就不能实现了，div浮动到右边的边界的时候就会静止，左边亦然，百思不得其解，还望高手指点。
HTML code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>float</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:100px;
top:50px;
width:150px;
height:150px;
z-index:1;
background-color: #0000FF;
}
-->
</style>
<script language="javascript">
var x=2;
function move(){
if(document.getElementById("apDiv1").style.pixelLeft<0 ||
document.getElementById("apDiv1").style.pixelLeft > document.body.offsetWidth - 200 ){
x *= (-1);
}
document.getElementById("apDiv1").style.pixelLeft += x;
window.setTimeout("move()", 10);
}
</script>
</head>
<body onLoad="move()">
<div id="apDiv1"></div>
</body>
</html>
想明白了，晕了一下午，被这小问题搞的郁闷，谢了~结了
同上
局部变量在MOVE每次调用就会重新�
