javaScript实现浮动广告
2008-08-21 23:38
260 查看
<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>
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript实现网页上的浮动广告的简单方法
- 转摘_用JavaScript实现网页上的浮动广告
- javascript浮动广告的实现
- 用JavaScript实现网页上的浮动广告
- 基于javascript实现右下角浮动广告效果
- 如何利用JAVASCRIPT实现浮动广告
- JavaScript实现网页上的浮动广告的简单方法
- javascript实现广告浮动效果
- javascript 实现FLASH浮动图标广告代码
- html+javascript实现广告窗自由浮动
- 看到一网站,他的浮动广告可以浮动到所有窗口的上面,实现原码在这里
- js实现从右向左缓缓浮出网页浮动层广告的方法
- JavaScript 网页两侧对联浮动广告
- JavaScript实现广告的关闭与显示效果实例
- JS实现同时存在两个漂浮广告在网页中浮动
- JavaScript实现的圆形浮动标签云效果实例
- JavaScript实现的浮动层框架用法实例分析
- JavaScript对联式浮动广告
- JavaScript实现动态广告弹出框