动态广告
有三种实现方法
1，通过js的色setTimeout()
优点： 兼容大多数 doctype 声明
缺点： 会有延迟的效果。。。。
2，通过body 的 onscroll 事件 相应调整
优点：延迟相对较小
确定：不兼容doctype 2005
3，通过css控制
优点：无延迟
缺点：不同浏览器不同，但可以通过方法兼容
例子：1
<script language="JScript" >
function initAd() {
document.all.AdLayer.style.visibility = 'visible'
MoveLayer('AdLayer');
}
function MoveLayer(layerName) {
var x = 600;
var y = 300;
var y = document.body.scrollTop+20
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLayer('AdLayer');", 5);
}
window.onload=initAd;
</script>
<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br>
ccccccccccccccccccccccccccccccccc<br>
</div>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br
>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br
>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br
>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
例子：2
<html>
<head>
</head>
<script language="JScript" >
function MoveLayer() {
document.all.AdLayer.style.posTop=document.body.scrollTop+20
document.all.AdLayer.style.posLeft=300;
}
</script>
<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:visible; left: 600px; top: 300px'>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br>
ccccccccccccccccccccccccccccccccc<br>
</div>
<body id="body" name="body" onscroll = "MoveLayer()">
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br
>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br
>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br
>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>
</body>
</html>
例子三
</style>
<!--[if IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
</head>
<body>
<div>
<ul style="list-style-type:decimal">
<li></li><li></li><li></li><li></li><li></li><li></li><li><
/li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li><
/li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
<ul>
</div>
<div id="menu">
<img src="
http://www.cnblogs.com/images/cnblogs_com/goodspeed/795/o_o_mylogo.gif
" />
</div>
</body>
</html>