js 实现页面两边广告, 可关闭对联广告随滚动条滚动符合w3c标准

来源：互联网发布：自己注册域名编辑：程序博客网时间：2024/04/30 15:59

以下为js代码 ,保存名称与调用名称相同 ,此处采用ad.js:

// 这是关闭飘浮广告的宽度，请根据你的广告内容而定var hbcms_ad_width = 100;// 这是关闭飘浮广告的代码，可以换成图片，点击即可关闭var hbcms_close_str = '<div onClick="closeBanner();" style="color:gray;font-size:10pt;cursor:hand;text-align:center;width:100%;background-color: #efefef;line-height:200%">关闭</div>';// 设置左边的广告代码,请自己更换图片地址，或换成flash，或换成纯文字// 如果不希望显示左边的广告，可设置为   = '';//src为flash路径var hbcms_left_ad = '<embed src="c.swf" width="100" height="300" quality="high" wmode="window"></embed>' + hbcms_close_str;// 设置右边的广告代码,如果要和左边的广告一致，可设为 = hbcms_left_ad;// 如果不希望显示右边的广告，可设置为 = '';var hbcms_right_ad = '<embed src="c.swf" width="100" height="300" quality="high" wmode="window"></embed>' + hbcms_close_str;var delta=0.8;var collection;var closeB=false;function floaters() {this.items = [];this.addItem = function(id,x,y,content)      {     document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;   width:'+hbcms_ad_width+'px; height:300px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');         var newItem     = {};     newItem.object    = document.getElementById(id);     newItem.x     = x;     newItem.y     = y;     this.items[this.items.length]   = newItem;      }this.play = function()      {     collection     = this.items     setInterval('play()',30);      }}function play(){   if(screen.width<=800 || closeB)   {    for(var i=0;i<collection.length;i++)    {     collection[i].object.style.display = 'none';    }    return;   }   for(var i=0;i<collection.length;i++)   {    var followObj   = collection[i].object;    var followObj_x   = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);    var followObj_y   = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);    if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {     var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;     dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));      followObj.style.left=followObj.offsetLeft+dx;     }    if(followObj.offsetTop!=(document.documentElement.scrollTop+followObj_y)) {     var dy=(document.documentElement.scrollTop+followObj_y-followObj.offsetTop)*delta;     dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));     followObj.style.top=followObj.offsetTop+dy;     }    followObj.style.display = '';   }} function closeBanner(){   closeB=true;   return;}var theFloaters   = new floaters();theFloaters.addItem('followDiv1','document.body.clientWidth-106',hbcms_ad_width,hbcms_right_ad);//右面广告属性,分别是id,x,y,contenttheFloaters.addItem('followDiv2',6,hbcms_ad_width,hbcms_left_ad);//左面广告属性,分别是id,x,y,contenttheFloaters.play();

以下为页面代码,可只复制"<script language=javascript src="ad.js"></script >"到页面的body中.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js 实现页面两边广告, 可关闭对联广告 随滚动条滚动 符合w3c标准</title>    <style type="text/css">    </style></head><body><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><script language=javascript src="ac.js"></script ><!--调用js--></body>         </html>

js 实现页面两边广告, 可关闭对联广告 随滚动条滚动 符合w3c标准

js 实现页面两边广告, 可关闭对联广告随滚动条滚动符合w3c标准