以下是代码片段: <!doctype html public "-//w3c//dtd html 4.01 transitional//en"> <html> <head> <title>对联广告 - citk.net</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> </head> <body style="margin:0px;"> <div align="center"> <center> <table border="1" width="776" height="3000" cellspacing="0" cellpadding="0"> <tr> <td width="100%" valign="top"><div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>页<br>面<br>区<br>域</div></td> </tr> </table> </center> </div> <script language="javascript"> <!-- var showad = true; var toppx = 60; //上端位置 var addivw = 100; //宽度 var addivh = 360; //高度 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:red;text-decoration:none;font-size:12px;">关闭</a></div>' var adcontenthtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>广<br>告<br>内<br>容</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;">'+closebuttonhtml+'<div>'+adcontenthtml+'</div></div>'); document.write ('<div id="javascript.rightdiv" 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;">'+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.body.scrolltop+toppx; document.getelementbyid("javascript.leftdiv").style.left=document.body.scrollleft+borderpx; document.getelementbyid("javascript.rightdiv").style.display=""; document.getelementbyid("javascript.rightdiv").style.top=document.body.scrolltop+toppx; document.getelementbyid("javascript.rightdiv").style.left=document.body.scrollleft+document.body.clientwidth-document.getelementbyid("javascript.rightdiv").offsetwidth-borderpx; }
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; //--> </script> </body> </html> |