我在网上下了一个可关闭的JS对联广告代码,代码如下:
var showad = true; //是否显示广告
var Toppx = 60; //上端位置
var AdDivW = 80; //宽度
var AdDivH = 60; //高度
var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin: 2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead ()" style="color:white;text-decoration:none;font-size:16px; font-weight:bold">×</a></div>'
var AdContentHtml = '<div align="center" ><div style=\"border:#CCCCCC 1px solid; padding:0px; margin:0px  \"><img src=\"../Picture/sign.gif\"/></br><div style=\"background-image:url(../Picture/bgdfgdf.gif); background-repeat:repeat-y; \"><img src=\"../Picture/chat-pic.gif\"/><div style=\" margin-top:5px;\"><a href=\"tencent://message/?uin=652073509&Site=www.2688car.comt&Menu=yes\"><img border=\"0\" width=\"80px\" SRC=\"http://wpa.qq.com/pa?p=1:652073509:3\" alt="\点击QQ进入报名对话框\"></a></div><div style=\" margin-top:5px;\"><a href=\"tencent://message/?uin=99546916&Site=www.2688car.comt&Menu=yes\"><img border=\"0\" width=\"80px\" SRC=\"http://wpa.qq.com/pa?p=1:99546916:3\" alt="\点击QQ进入报名对话框\"></a></div><div style=\"margin-top:5px\;"><a href=\"../LeaveWord/index.aspx\">在线留言</a></br></div></div></div></div>';
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+AdContentHtml+'<div>'+ClosebuttonHtml+'</div></div>');
document.write ('<div id="Javascript.RightDiv" style="background-image:url(../Picture/bgdfgdf.gif); background-repeat:repeat-y;position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
function scall(){
if(!showad){return;}
if (window.screen.width<MinScreenW){
alert("临时提示:\n\n显示器分辨率宽度小于"+MinScreenW+",不显示广告");
showad = false;
//document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
return;
}
var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2; document.getElementById("Javascript.LeftDiv").style.display="";
//document.getElementById("Javascript.LeftDiv").style.top=(document.documentElement.scrollTop+Toppx)+"px";
//document.getElementById("Javascript.LeftDiv").style.left=(document.documentElement.scrollLeft+Borderpx)+"px";
document.getElementById("Javascript.RightDiv").style.display="";
document.getElementById("Javascript.RightDiv").style.top=(document.documentElement.scrollTop+Toppx)+"px";
document.getElementById("Javascript.RightDiv").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx)+"px";
}function hidead()
{
showad = false;
//document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
在网页上运行时,基本正常,但如果移动到有flash广告的位置时,这个对联广告就会被flash广告遮蔽,而且还会使网面中上一行的内容重复出现,这是怎么回事啊?