可定时自动关闭的弹出层广告窗口代码
本帖最后由 小麦子 于 2024-10-19 00:17 编辑弹出层的代码，可以用作广告，可以设置时间自动关闭层，层里面你可以布局表格、图片、列表等内容，空上随你便，主要是想让你了解如何用JavaScript对一个层进行隐藏和显示的功能。演示如下：
<html>
<head>
<title>层弹出代码</title>
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
adTime=5;
chanceAd=1;
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById&&!ie);
adCount=0;
function initAd(){
if(!ns&&!ie&&!w3) return;
if(ie) adDiv=eval('document.all.sponsorAdDiv.style');
else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]');
else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style');
randAd=Math.ceil(Math.random()*chanceAd);
if (ie||w3)
adDiv.visibility="visible";
else
adDiv.visibility ="show";
if(randAd==1) showAd();
}
function showAd(){
if(adCount<adTime*10){adCount+=1;
if (ie){documentWidth=document.body.offsetWidth/2+document.body.scrollLeft-20;
documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;
setTimeout("showAd()",100);}else closeAd();
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
onload=initAd;
</script>
</head>
<body>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="412" height="288" bgcolor="red"><tr><td>
<table width="407" height="288" bgcolor="F0FFF0"><tr><td>
<center>Welcome To Mb5u.com<BR>本窗口会在5秒后自动关闭</center>
</td></tr></table></td></tr></table></div>
</body>
</html>
页:
[1]