<body onload="oWait.style.visibility='hidden'">
<div id=oWait style="position:absolute;visibility:hidden;width:100;height:50;left:expression((document.body.clientWidth-100)/2);top:expression((document.body.clientHeight-50)/2);z-index:100;background-color:blue;color:red">
请等待...
</div>
</body>
<div id=oWait style="position:absolute;visibility:hidden;width:100;height:50;left:expression((document.body.clientWidth-100)/2);top:expression((document.body.clientHeight-50)/2);z-index:100;background-color:blue;color:red">
请等待...
</div>
</body>
<div id=waiting name=waiting style="display:block">
请稍候,正在从数据库中加载菜单内容…………………
</div>
然后,在你提交的页面中,一切准备就绪后,用
<script language="javascript">
waiting.style.display="none";
</script>
隐藏该层。
注意,是用style.display,不是style.visibility,否则会留下空白。
<script language="javascript">
function mysubmit(){
waiting.style.display="block";
setTimeout("waiting.style.display='none';finished.style.display='block';",3000);
}
</script>
<body>
<div id=waiting name=waiting style="display:none">
请稍候,正在从数据库中加载菜单内容…………………
</div>
<div id=finished name=finished style="display:none">
查询完成,你可以进行其他操作了………………………………
</div>
<button onclick="mysubmit()">提交</button>
</body>
还有,我写的是在提交后的,所以要在<body onload=..>中,是下载完毕后触发的