首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
JS 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
Jan 07 Javascript
javascript 事件绑定问题
Jan 01 Javascript
js表单登陆验证示例
Oct 19 Javascript
使用Vue.js创建一个时间跟踪的单页应用
Nov 28 Javascript
js监听input输入框值的实时变化实例
Jan 26 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
es6中let和const的使用方法详解
Feb 24 Javascript
vue-cli3 热更新配置操作
Sep 18 Javascript
全面解析Vue中的$nextTick
Dec 24 Vue.js
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
跨域(4) lnmp(1)  AD域(1) Rewrite(4) 组策略(1) Windows server 2012(17) 伪静态(1) destoon(1) Centos(8) lamp(1)
You might like
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
php横向重复区域显示二法
2008/09/25 PHP
『PHP』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
Yii2框架配置文件(Application属性)与调试技巧实例分析
2019/05/27 PHP
JS写的数字拼图小游戏代码[学习参考]
2008/10/29 Javascript
理解Javascript闭包
2013/11/01 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
探究JavaScript函数式编程的乐趣
2015/12/14 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
2016/10/12 Javascript
React Native 图片查看组件的方法
2018/03/01 Javascript
JS字符串去除连续或全部重复字符的实例
2018/03/08 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
Python单元测试实例详解
2018/05/25 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
Python API自动化框架总结
2019/11/12 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
解决Python 异常TypeError: cannot concatenate 'str' and 'int' objects
2020/04/08 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
应届生污水处理求职信
2013/11/06 职场文书
外贸业务员求职信范文
2013/12/12 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
自考毕业自我鉴定
2014/03/18 职场文书
初中英语课后反思
2014/04/25 职场文书
2016国培研修心得体会
2016/01/08 职场文书
什么是求职信？求职信应包含哪些内容？
2019/08/14 职场文书