S实现5秒钟自动关闭的div广告层

<html>
    <head>
    <title>JS实现5秒钟自动关闭的div广告层丨kiddy.com</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>
    <br><br><hr><p align="center"><font color=black>本特效由 <a href="http://www.langqiaohome.com" target="_blank">kiddy</a>丨收集于互联网,只为兴趣与学习交流,不作商业用途。</font></p>
时间: 2024-10-10 10:21:12

S实现5秒钟自动关闭的div广告层的相关文章

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> <SC

使用CSS样式表方法绝对居中定位DIV浮动层

有什么简单的方法绝对居中定位DIV浮动层?答案用CSS怎么写样式表就可以了.下面的写法兼容IE系列浏览器和火狐浏览器. 详细解说,直接看样式: #dingwei{padding:10px;color:#FFFFFF; width:600px;height:300px; display:block; position: absolute; top:50%; left:50%; margin-left:-300px; margin-top:-150px;} padding:10px;color:#F

div浮动层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

div 遮罩层 弹窗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

div浮动层与div层有何不同css中有什么关系

首先DIV浮动层与DIV层都是指DIV布局,体感音乐一般使用CSS样式表加DIV标签组合进行布局网页. div层一般包括div浮动层,div浮动层说明div被加入css浮动样式所以被称为div浮动层,而没有加入float浮动样式不具有浮动效果,所以如果没有被加浮动样式div不被称为浮动层.当然span.h1.ul.li等标签也是层,只不过span.h1.ul.li等标签没有div使用频率高,所以一般就将div作为象征性称呼. 接下来DIVCSS5通过实例告诉大家什么是一般层,什么是浮动层?为什么

3秒钟之后关闭的广告

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> img { position: absolute; top: 0; } #left { left: 0; } #right { right: 0; } </style> <script type

层的应用-悬浮的广告层

———————————————————— <script type="text/javascript">                    function goScroll(o){                var space=document.getElementById(o).offsetTop;                document.getElementById(o).style.top=space+'px';                var

页面出div提示层

在后台方法执行的过程中,如果系统不能在用户容忍的时间间隔内做出相应的话,我们希望系统能够给与提示,用以友好的人机交互,这个时候我们可以采取使用div弹出的方式来完成目标: 1.使用jquery编写要弹出的div层,代码如下: function showTips(tips){ //用来定位弹框位置 var windowWidth = document.documentElement.clientWidth; var windowHeight = document.documentElement.c

JS+CSS简单实现DIV遮罩层显示隐藏【转藏】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>DIV CSS遮罩层</title