--------------------------------------------------------------------------
注意:在使用left,top定位时,html的dtd(<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">)不要加,否则会报错
----------------------------------------------------------
源代码:
---------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div{
border:1px solid #F00;
width:200px;
height:50px;
background:#666;
position:absolute;
left:50px;
top:150px
}
</style>
<script type="application/javascript">
function moveTo(left,top){
var obj = document.getElementById("div1");
obj.style.left = left;
obj.style.top = top;
}
</script>
</head>
<body>
<input type="button" onclick="moveTo(100,100)" value="移动到(100,100)">
<input type="button" onclick="moveTo(50,50)" value="移动到(50,50)">
<input type="button" onclick="moveTo(150,50)" value="移动到(150,50)">
<input type="button" onclick="moveTo(0,80)" value="移动到(0,80)">
<div id="div1">
使用javascript进行定位这个div
</div>
</body>
</html>
----------------------------------------------------------------------------
效果图:
---------------------------------------------------------------------------
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。