<html>
<head>
<title>js控制div元素在页面的位置</title>
</head>
<style type="text/css">
#a{
background:#FF0000;
height: 100px;
width: 100px;
float: left;
}
#b{
background:#0000FF;
height: 100px;
width: 100px;
float: left;
position: absolute;
top: 500px;
right: 500px;
}
body {
margin: 0px;
padding: 10px;
}
</style>
<script language="javascript">
function ab(){
var a=document.getElementById("a");
var b=document.getElementById("b");
var bX=a.offsetLeft+a.offsetWidth;
var bY=a.offsetTop+a.offsetHeight;
b.style.top=bX+"px";
b.style.left=bY+"px";
}
</script>
<body >
<div id="a" onclick="ab()">a</div>
<div id="b" >b</div>
</body>
</html>
js控制div元素在页面的位置
最新推荐文章于 2022-05-25 08:18:35 发布