网络广告越来越受到众多媒体的关注。
下面我们讲讲如何制作一个随IE边栏移动而移动，始终显示在屏幕可视面上的浮动广告。
下面的实例利用到了js脚本以及层的概念。
有时为了控制浮动广告是否显示，我们还可以加入控制按钮，控制其是否显示。
先看如何制作一个随IE边栏移动而移动的实例：
|
<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript"> initAd(); </SCRIPT>
<script language="JScript">
<!--
function initAd() {
document.all.menuLayer.style.posTop = -100;
document.all.menuLayer.style.visibility = 'visible'
MoveLayer('menuLayer');
}
function MoveLayer(layerName) {
var x = 8; //离IE左边的距离
var y = 80; //里IE上边的距离
var diff = (document.body.scrollTop + y - document.all.menuLayer.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('menuLayer');", 40);
}
//-->
</script>
//下面是广告内容层
<div ID="menuLayer" align="right" style="position: absolute; width: 100px; height: 100px;">
<table width="100" border="0" cellspacing="1" cellpadding="1">
<tr>
<td><div align="center"><a href="mubiaowangzhi" target="_blank"><img src="xianshitupian.gif" width="100" height="100" border="0"></a>
</div></td>
</tr>
</table> |
只要把上面的代码插入<body>与</body>之间即可。
有时为了控制浮动广告是否显示，我们还可以加入控制按钮，控制其是否显示。方法如下：
|
<script language=javascript>
function closead()
{
document.all("GBAD").style.display="none";
}
</script>
<TABLE id=GBAD >
<TR>
<TD height=15>
<A href="javascript:closead();"><IMG src="xxx的关闭图（一般是个X，或关闭字样的图）iconClose.gif" width="15" height="15" border=0 title=关闭此广告></A>
<table width="100" border="0">
<tr><td>这里可以放上面讲到的浮动广告了</td></tr>
</table>
</TD>
</TR>
</TABLE>
|
至此，一个浮动广告就做好了！
- 