<script type="text/javascript" language="JavaScript">
var myScrollTop=function() //获得当前窗口显示区顶点位置
{
return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
};
function mymovemenu() // 随着窗口的拉动,实时调整广告在窗口中的位置
{
document.getElementById("floatad").style.top=myScrollTop()+200+'px';document.getElementById("floatad ").style.right=3+'px';setTimeout("mymovemenu();",50);
}
</script>
以上这段javascript代码可以单独放在外部js文件中,在页面文件中调用。
以下代码放在页面文件中
<div id="floatad" style="position: absolute; z-index: 9; width: 190px; top: 300px;
right: 3px;">
<center>
<div id="ADmenu" style="width: 190px; height: 90px; text-align: center; float: none;">
<a href="http://www.shareb2c.com" target="_blank">
<img src="http://www.shareb2c.com/images/logo.jpg" alt="浮动广告代码" style="width: 156px; height: 79px;" /></a>
</div>
</center>
</div>
<script type="text/javascript" language="JavaScript">
mymovemenu(); //调用浮动广告代码函数
</script>
以上代码只显示了右侧浮动广告,左侧浮动广告代码也同样。读者可以自己尝试。