JS实现5秒钟自动封锁div层的方法

当前位置：首页 > 范文|应用文 > IT技术专栏 > 脚本栏目

JS实现5秒钟自动封锁div层的方法

来源：阅读：837 次日期：2015-03-16 16:59:46

温馨提示：小编为您整理了“JS实现5秒钟自动封锁div层的方法”,方便广大网友查阅！

这篇文章主要介绍了JS实现5秒钟自动封锁div层的方法,涉及javascript针对div层操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现5秒钟自动封锁div层的方法。分享给大家供大家参考。具体实现方法如下：

代码如下:

<html>

<head>

<title>JS实现5秒钟自动封锁div层</title>

<!--

#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}

-->

</style>

</head>

<body>

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>

<center>welcome to >这个窗口将在5秒后自动封锁</center>

</td></tr></table></td></tr></table></div>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

更多信息请查看IT技术专栏

上一篇：js实现感应鼠标图片透明度变化的方法

下一篇：jQuery源码解读之removeAttr()方法分析

手机网站地址：JS实现5秒钟自动封锁div层的方法

由于各方面情况的不断调整与变化，提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！