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程序设计有所帮助。

Javascript 相关文章推荐
JS DOM 操作实现代码
Aug 01 Javascript
两个Javascript小tip资料
Nov 23 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
Mar 15 Javascript
js动态创建表格,删除行列的小例子
Jul 20 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
Jul 22 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
Apr 22 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
You might like
php加密解密函数authcode的用法详细解析
2013/10/28 PHP
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
PHP如何实现阿里云短信sdk灵活应用在项目中的方法
2019/06/14 PHP
JavaScript中的类数组对象介绍
2014/12/30 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
2015/12/26 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
解析javascript瀑布流原理实现图片滚动加载
2016/03/10 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
JS学习笔记之数组去重实现方法小结
2019/05/29 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
python删除列表中重复记录的方法
2015/04/28 Python
Python利用Beautiful Soup模块创建对象详解
2017/03/27 Python
python:print格式化输出到文件的实例
2018/05/14 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
python实现简单学生信息管理系统
2020/04/09 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
Python urllib.request对象案例解析
2020/05/11 Python
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
《落花生》教学反思
2014/02/25 职场文书
媒体宣传策划方案
2014/05/25 职场文书
2014年最新大专生职业生涯规划书范文
2014/09/13 职场文书
学校运动会报道稿
2014/09/23 职场文书
派出所副所长四风问题个人整改措施思想汇报
2014/10/13 职场文书
房屋租房协议书范本
2014/12/04 职场文书
离婚答辩状范文
2015/05/22 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
深入探讨opencv图像矫正算法实战
2021/05/21 Python
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android
Spring依赖注入多种类型数据的示例代码
2022/03/31 Java/Android