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

最新推荐文章于 2024-08-25 19:27:01 发布

狮子悬山

最新推荐文章于 2024-08-25 19:27:01 发布

阅读量323

点赞数 1

分类专栏： DOM

本文链接：https://blog.csdn.net/qq_27752831/article/details/51558442

版权

DOM 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>

window.οnlοad=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>