跪求JS动态改变层的style.left属性使其水平移动的例子

来源：百度知道 编辑：UC知道 时间：2024/05/29 03:11:36

看了下，前面2个都不是你要的，现写给你的，可以跑
<body>
<div id="moveDiv" style="width:100px;height:100px;border:1px solid black;left:600px;position:absolute"></div>
<script type="text/javascript">
function doMove() {
var _div=document.getElementById("moveDiv");
var _curLeft=parseInt(_div.style.left);
var _distance=5;
if (_curLeft-_distance>0) {
_div.style.left=(_curLeft-_distance)+"px";
window.setTimeout("doMove()",50);
}
}
doMove();
</script>
</body>

层滑动出来,的效果

把层对象传到这几个函数调用就行

function initMoveDiv( style ) {
block1 = style;
block1.x = block1.top;
block1.left = -500;
}
function OpenMoveDiv() {

//alert(block1.x);
if (block1.x < 5) {
block1.x += 10;
block1.right = block1.x;
setTimeout("OpenMoveDiv", 2);
}