动态广告

动态广告

有三种实现方法

1，通过js的色setTimeout()

    优点： 兼容大多数   doctype 声明

    缺点： 会有延迟的效果。。。。

 

2，通过body 的 onscroll 事件 相应调整

    优点：延迟相对较小

    确定：不兼容doctype 2005

 

3，通过css控制

    优点：无延迟

    缺点：不同浏览器不同，但可以通过方法兼容

例子：1

<script language="JScript" >
 function initAd() {
  document.all.AdLayer.style<wbr>.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(<wbr>'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'>
 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>aaa<br>
 bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<wbr>bbb<br>
 cccccccccccccccccccccccccccccc<wbr>ccc<br>
</div>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br <script><!----></script><wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br <script><!----></script><wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br <script><!----></script><wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

例子：2

<html>
<head>
</head>
<script language="JScript" >
 function MoveLayer() {
  document.all.AdLayer.style<wbr>.posTop=document.body.scrollTop<wbr>+20
  document.all.AdLayer.style<wbr>.posLeft=300;
 }
</script>
<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:visible; left: 600px; top: 300px'>
 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>aaa<br>
 bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<wbr>bbb<br>
 cccccccccccccccccccccccccccccc<wbr>ccc<br>
</div>
<body id="body" name="body" onscroll = "MoveLayer()"></wbr></wbr></wbr></wbr></wbr></wbr>

 

sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br <script><!----></script><wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br <script><!----></script><wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br <script><!----></script><wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>sss<br>sss<br>sss<br<wbr>>sss<br>
</body></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
</html>

 

例子三

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  " http://www.w3.org/TR/xhtml11<wbr>/DTD/xhtml11.dtd</wbr> ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" >
<head>
<style type="text/css">
body {
    margin:0; 
    border:0;
    height:100%;
    overflow-y:auto;
    }
#menu {display:block; top:10px; left:150px; width:130px; position:fixed;} 
* html #menu {position:absolute;}

 

</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<wbr>">
<li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li>< <script><!----></script><wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li>
<li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li>< <script><!----></script><wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li><li<wbr>></li><li></li><li></li><li><<wbr>/li><li></li><li></li><li></li<wbr>><li></li><li></li><li></li><wbr><li></li><li></li><li></li>
<ul>
</div>
<div id="menu">
<img src="</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> http://www.cnblogs.com/images<wbr>/cnblogs_com/goodspeed/795/o_o<wbr>_mylogo.gif</wbr></wbr> " />
</div>
</body>
</html>