动态设置Div坐标

最新推荐文章于 2022-08-29 22:26:02 发布

weixin_30340775

最新推荐文章于 2022-08-29 22:26:02 发布

阅读量697

点赞数

原文链接：http://www.cnblogs.com/914556495wxkj/p/3426668.html

版权

<style type="text/css">
#main{text-align:center; background-color:#9FF; height:600px;width:800px}
#adver{
    position:absolute;
    left:50px;
    top:30px;
    z-index:2;
}
 
</style>
<script src="js/scroll.js"></script>
</head>
<body>
<div id="adver"><img src="images/adv.jpg"/></div>

<div id="testDiv" style="position:absolute;left:300px;top:50px;background-color:red; width:80px; height:200px">内部样式的div</div>

<input   type="button"   value="测试内部样式坐标位置" onClick="test('testDiv')"/>
<input   type="button"   value="测试外部样式坐标位置" onClick="test('adver')"/>


<div id="main">网页内容</div>
</body>

function test (divID){
    var divObj=document.getElementById(divID);
    alert("left="+divObj.style.left+"\ntop="+divObj.style.top);  //只能读取style属性设置的值，不能读取其他如：内部样式、外部样式的值
    divObj.style.left=parseInt(divObj.style.left)+200+"px";
    divObj.style.top=parseInt(divObj.style.top)+100+"px";
}

转载于:https://www.cnblogs.com/914556495wxkj/p/3426668.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30340775

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
动态设置Div坐标

<style type="text/css">#main{text-align:center; background-color:#9FF; height:600px;width:800px}#adver{ position:absolute; left:50px; top:30px; z-index:2;} &...
复制链接

扫一扫