當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 網站提交信息等待界面代碼怎么寫

網站提交信息等待界面代碼怎么寫

2012/11/14 14:35:33作者：佚名來源：網絡

移動端

【實例名稱】

網站提交信息等待界面代碼怎么寫

【實例描述】

網絡帶寬不足的時候，如果用戶與服務器進行交互則會出現白屏或無任何反應等問題，這時可以使用層給予用戶提示，讓等待狀態不再枯燥。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標題頁-學無憂（www.yzddtk.cn）</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怎么寫

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频