本文介绍了一种使用JavaScript来动态调整网页中广告位DIV元素位置的方法。通过监听页面滚动事件并获取滚动条的当前位置，可以实时更新DIV元素的left和top属性，确保其始终处于可见区域内。
<body onscroll=movediv()>
<div id="div1" style="width:100px;height:130px;border-style:dashed;border-width:1px;border-color:#00ee00;position:absolute;left:274px;top:46px"><br>
<br>广告位招租</div>
<!-- 要用js控制div的位置移动，一定要设置div的定位为absolute -->
<script language=javascript>
function movediv(){
document.getElementById("div1").style.left=document.body.scrollLeft+300; //document.body.scrollLeft是浏览器下方的左右滚动条的移动距离
document.all("div1").style.top=document.body.scrollTop;//document.body.scrollTop是浏览器右方的上下滚动条的移动距离
}
</script>
<img width=2000 height=2000>
</body>
扫一扫
3551
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
