<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>
以上代码只显示了右侧浮动广告,左侧浮动广告代码也同样。读者可以自己尝试。
本文介绍了一种使用JavaScript实现的浮动广告代码,该代码能够使广告随浏览器滚动而移动,并始终保持在屏幕上的特定位置。适用于多种浏览器,包括Firefox火狐和IE。
332

被折叠的 条评论
为什么被折叠?



