软件学堂

网游分类软件分类

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

2012-11-14 来源:网络

【实例名称】

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

【实例描述】

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

【实例代码】

<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>

【运行效果】

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

【难点剖析】

本例使用了JavaScript与CSS结合的样式,通过“style.visibility”来显示或隐藏提示信息。当“visibility”属性的值为“visible”时显示信息,为“hidden”时则隐藏信息。

【源码下载】

为了JS代码的准确性,请点击:提交信息等待界面 进行本实例源码下载 

上一篇:JS实现特殊扩散效果
下一篇:同时调用两个方法JS怎么写

相关文章