页面载入等待界面

自己在做的时候,做不出来例子的效果,一直是加载中请稍等

<!doctype html>

<html>
  <head>
    <title>页面载入等待界面</title>
<meta http-equiv="content-type" content="text/html;charset=gbk"/>
<style type="text/css">
 *
 {text-align:center;}
 .doing
 {
   position:absolute;
   left:0px;
top:0px;
dispaly:none;
width:100%;
height:100%;
background:gray;
 }
</style>
<script type="text/javascript">
 function submitForm()
 {
   var doing=document.getElementById("doing");
doing.style.display="";//取消隐藏
self.location.reload();//重新加载页面来模拟表单的提交
 }
</script>
  </head>
  <body>
    <div class="doing" id="doing">载入中请稍等
</div>
<input type="button" value="提交表单" οnclick="submitForm()"/>
  </body>

</html>

//程序说明:这是通过一个绝对定位的div层来覆盖所有的页面元素。。需要注意的地方

(1)把这个完全覆盖的层展示出来

(2)需要保证层的展示代码在表单提交火页面跳转之前,否则无法实现效果



其实这两条注意的地方都没有看明白,······················

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值