JS 浮动广告

最新推荐文章于 2021-07-11 17:24:06 发布

sos8125

最新推荐文章于 2021-07-11 17:24:06 发布

阅读量338

点赞数

分类专栏： JaveScript 文章标签：浏览器 border function

本文链接：https://blog.csdn.net/sos8125/article/details/5986991

版权

这篇博客介绍了如何使用JavaScript在网页中实现一个浮动广告。通过`onload`事件和`JScript`函数`initAd()`及`MoveLayer()`，使得广告层在页面加载后从指定位置开始浮动。广告层的位置由`posTop`和`posLeft`属性控制，并通过调整`scrollTop`值来实现随滚动条移动的效果。

摘要由CSDN通过智能技术生成

<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
initAd();//载入页面后，调用函数initAd()
</SCRIPT>
<script language="JScript">
<!--
function initAd() {
document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 10;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
setTimeout("MoveLayer('AdLayer');", 10);//设置20毫秒