移动DIV

<html>

	<head>

<title>

</title>
<script type="text/javascript">
function move()
{
	var fDiv = document.getElementById("d1");
	var xpos = parseInt(fDiv.style.left);
	xpos+=50;
	fDiv.style.left = xpos+"px";

}
</script>	
</head>

<body >
	
	<div id="d1" style="left:100px;position:absolute;width:50px;height:30px;border:1px red solid;" >111</div>


<input type="button" value="move" onclick="move()"  />

</body>
</html>

注意:
1.  left 和 position的属性必须指定   //left:100px;position:absolute;

2.  style.left 为 px 单位 必须先 parseInt   //var xpos = parseInt(fDiv.style.left);

你可能感兴趣的:(移动DIV)