网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 JS实现5秒钟自动封锁div层的方法
范文
    这篇文章主要介绍了JS实现5秒钟自动封锁div层的方法,涉及javascript针对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>
    <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">
    <table width="450" height="350" bgcolor="008000"><tr><td>
    <table width="445" height="345" bgcolor="F0FFF0"><tr><td>
    <center>welcome to >这个窗口将在5秒后自动封锁</center>
    </td></tr></table></td></tr></table></div>
    </body>
    </html>
    希望本文所述对大家的javascript程序设计有所帮助。
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 4:01:39