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代码的准确性,请点击:提交信息等待界面 进行本实例源码下载