关闭

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

78人阅读 评论(0) 收藏 举报
分类:
<!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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:29977次
    • 积分:1144
    • 等级:
    • 排名:千里之外
    • 原创:83篇
    • 转载:19篇
    • 译文:2篇
    • 评论:0条
    文章分类