javascript中实现动态广告的方法

javascript中实现动态广告的方法

以前写的demo继续发
动态广告
有三种实现方法
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 >
 
例子三
<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.1//EN "    " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd " >
< 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 " >
< 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 >
 

你可能感兴趣的:(javascript中实现动态广告的方法)