编程 Javascript

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

Posted in Javascript onFebruary 20, 2015

本文实例讲述了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程序设计有所帮助。

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

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

在表单提交前进行验证的几种方式整理

Jul 31 Javascript

无刷新上传文件并返回自定义值

Jun 11 Javascript

利用Query+bootstrap和js两种方式实现日期选择器

Jan 10 Javascript

Vue集成Iframe页面的方法示例

Dec 12 Javascript

Node.js npm命令运行node.js脚本的方法

Oct 10 Javascript

Vuejs监听vuex中值的变化的方法示例

Dec 02 Javascript

vue框架下部署上线后刷新报404问题的解决方案(推荐)

Apr 03 Javascript

微信小程序传值以及获取值方法的详解

Apr 29 Javascript

JS中比较两个Object数组是否相等方法实例

Nov 11 Javascript

d3.js实现图形拖拽

Dec 19 Javascript

解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)

Jul 21 Javascript

前端框架ECharts dataset对数据可视化的高级管理

Dec 24 Javascript

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

Feb 20 #Javascript

js实现鼠标感应向下滑动隐藏菜单的方法

Feb 20 #Javascript

js实现鼠标滚轮控制图片缩放效果的方法

Feb 20 #Javascript

IE及IE6浏览器中判断JS文件加载成功失败的方法

Feb 18 #Javascript

使用JavaScript开发IE浏览器本地插件实例

Feb 18 #Javascript

JQuery实现展开关闭层的方法

Feb 17 #Javascript

jQuery实现鼠标滑过Div层背景变颜色的方法

Feb 17 #Javascript