8.7w+
社区成员
求助一个javascript的全局变量和局部变量问题
下面的代码是用来实现一个div左右浮动效果，当我把var x = 2;写成全局变量的时候（move()函数外），功能可以实现；当我把var x = 2;写成局部变量的时候（move()函数里），功能就不能实现了，div浮动到右边的边界的时候就会静止，左边亦然，百思不得其解，还望高手指点。
<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>
...全文
请发表友善的回复…
发表回复
freedom421 2009-12-28
- 打赏
- 举报
同上
局部变量在MOVE每次调用就会重新赋值。。当然达不到全局变量的效果
局部变量在MOVE每次调用就会重新赋值。。当然达不到全局变量的效果
cszg_zjy 2009-12-28
- 打赏
- 举报
想明白了，晕了一下午，被这小问题搞的郁闷，谢了~结了
Click_Me 2009-12-28
- 打赏
- 举报
全局变量 整个函数 都共享这一个变量x
局部变量 每次调用move函数 都重新给赋值为x = 2当然就不对了