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/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
Dec 17 Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 Javascript
javascript中expression的用法整理
May 13 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
jQuery文字横向滚动效果的实现代码
May 31 Javascript
jQuery中ScrollTo用法示例
Sep 04 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
JS实现留言板功能[楼层效果展示]
Dec 27 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 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入门学习的几个不错的实例代码
2008/07/13 PHP
详解PHP中strlen和mb_strlen函数的区别
2014/03/07 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
比较常见的javascript中定义函数的区别
2015/11/09 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
Layui实现主窗口和Iframe层参数传递
2019/11/14 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
Python Logging 日志记录入门学习
2018/06/02 Python
使用Django连接Mysql数据库步骤
2019/01/15 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
python字典和json.dumps()的遇到的坑分析
2020/03/11 Python
Python实现SMTP邮件发送
2020/06/16 Python
Python list和str互转的实现示例
2020/11/16 Python
实例讲解CSS3中Transform的perspective属性的用法
2016/04/22 HTML / CSS
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
文秘专业个人求职信
2013/12/22 职场文书
护理毕业生自我鉴定
2014/02/11 职场文书
绿色城市实施方案
2014/03/19 职场文书
三好生演讲稿
2014/09/12 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
成绩单评语
2015/01/04 职场文书
转让协议书
2015/01/27 职场文书
人力资源部岗位职责
2015/02/11 职场文书
珍爱生命主题班会
2015/08/13 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL