网站提交信息等待界面代码怎么写

2012/11/14 14:35:33作者：佚名来源：网络

移动端

【实例名称】

网站提交信息等待界面代码怎么写

【实例描述】

网络带宽不足的时候，如果用户与服务器进行交互则会出现白屏或无任何反应等问题，这时可以使用层给予用户提示，让等待状态不再枯燥。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页-学无忧（www.xue51.com）</title>
<script language="javascript">
function Save() 
{
    msg.style.visibility="visible";//显示
}
</script>
需要在body中添加一个名为“msg”的div层来包装等待信息，
还有一个按钮用来调用“save”方法，代码如下所示：
</head>
<body>
<input id="Button1" type="button" value="保存" onclick="Save()" />
<div id="msg" style="position:absolute; z-index:8; 
width: 300; visibility: hidden"> 
<table width="300" height="50" border="0" cellspacing="2" 
cellpadding="0" bgcolor="#FFb609">
  <tr> 
    <td bgcolor="#ccffff">数据库正在处理数据, 请稍候...</td>
  </tr>
</table>
</div>
    
</body>
</html>

【运行效果】

提交信息等待界面运行效果