JS实现5秒钟自动封锁div层的方法
作者:bea
本文实例讲述了JS实现5秒钟自动封锁div层的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: <html> <head> <title>JS实现5秒钟自动封锁div层</title> <style type="text/css"> <!-- #sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;} --&
本文实例讲述了JS实现5秒钟自动封锁div层的方法。分享给大家供大家参考。具体实现方法如下:
代码如下:
<html>
<head>
<title>JS实现5秒钟自动封锁div层</title>
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
</head>
<body>
<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>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="008000"><tr><td>
<table width="445" height="345" bgcolor="F0FFF0"><tr><td>
<center>welcome to www.CsrCode.cn!<BR><BR>这个窗口将在5秒后自动封锁</center>
</td></tr></table></td></tr></table></div>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
代码如下:
<html>
<head>
<title>JS实现5秒钟自动封锁div层</title>
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
</head>
<body>
<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>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="008000"><tr><td>
<table width="445" height="345" bgcolor="F0FFF0"><tr><td>
<center>welcome to www.CsrCode.cn!<BR><BR>这个窗口将在5秒后自动封锁</center>
</td></tr></table></td></tr></table></div>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery实现感应鼠标动画效果自动伸长的输入框实例
- JS实现超过长度限制后自动跳转下一款文本框的方法
- js仿土豆网带缩略图的焦点图片切换效果实现方法
- JS实现仿中关村论坛评分后弹出提示效果的方法
- jQuery+AJAX实现网页无刷新上传
- AngularJS学习笔记之TodoMVC的分析
- 使用jquery组件qrcode生成二维码及应用指南
- javascript实现博客园页面右下角返回顶部按钮
- JS+CSS实现感应鼠标渐变显示DIV层的方法
- js实现图片和链接文字同步切换特效的方法
- jQuery实现渐变弹出层和弹出菜单的方法
- JavaScript获取文本框内选中文本的方法
- jQuery常用数据处理方法小结
- jQuery数据缓存用法分析
- jQuery性能优化技巧分析
- jQuery源码解读之removeClass()方法分析
- jQuery源码解读之addClass()方法分析
- jQuery源码解读之hasClass()方法分析
- jQuery源码解读之removeAttr()方法分析