电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
自动延时关闭的广告窗口制作
自动延时关闭的广告窗口制作
2005-12-30 19:13:51  文/45IT收集   出处:电脑软硬件应用网   

这个广告窗口是没有关闭按扭的,有点类似oicq的弹出广告,有点意思。 
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">

adTime=10;  // seconds ad reminder is shown
chanceAd=1; // ad will be shown 1 in X times (put 1 for everytime)

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;
//End-->
</script>

<body>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="#008000">
<tr><td>
<table width="445" height="345" bgcolor="#F0FFF0">
<tr><td align="center" valign="middle">

<!--*****EDIT THIS MESSAGE*****-->
<p><b>请把广告内容放在这里.</b>
</p>
<p>(在设置的延时内将自动关闭)
<br>

<!--*****EDIT THE ABOVE MESSAGE*****-->
</td></tr></table></td></tr></table>
</div>
</body>

自动延时关闭的广告窗口制作

  这个广告窗口是没有关闭按扭的,有点类似oicq的弹出广告,有点意思。 
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">

adTime=10;  // seconds ad reminder is shown
chanceAd=1; // ad will be shown 1 in X times (put 1 for everytime)

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;
//End-->
</script>

<body>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="#008000">
<tr><td>
<table width="445" height="345" bgcolor="#F0FFF0">
<tr><td align="center" valign="middle">

<!--*****EDIT THIS MESSAGE*****-->
<p><b>请把广告内容放在这里.</b>
</p>
<p>(在设置的延时内将自动关闭)
<br>

<!--*****EDIT THE ABOVE MESSAGE*****-->
</td></tr></table></td></tr></table>
</div>
</body>


http://nic-002.nicchina.com/

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号