DOM-----显示缓冲效果
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>


        window.onload=function()//页面加载事显示加载div再3秒后停止
        {






           s=window.setTimeout("stop()",3000);//3秒后执行该方法  只执行一次
            info();


        }
        function info()//加载页面设置   045为gif图
        {




            var img = document.getElementById("divinfo");
            img.style.position="absolute";
            img.style.top=250+'px';
            img.style.left=570+'px';
            img.style.textAlign="center";
            img.innerHTML="<img src='images/045.gif'><br><p></p><p> </p><font color='#0000cd'> 页面正在加载,请稍后...</font>";
        }
        function stop()//加载页面影藏  主页面显示
        {
           document.getElementById("divinfo").style.display="none";
           document.getElementById("divmain").style.display="block";


        }
    </script>
</head>
<body>
<div id="divinfo">


</div>
<div id="divmain" style="display: none">
   xxxxxxxxxxxxxxxxxxxxxxxxxxxx


</div>
</body>
</html>
阅读更多
个人分类: DOM
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

DOM-----显示缓冲效果

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭