摘要:C#.Net網頁載入等待效果漂亮並且簡單
最近網頁載入資料比較多，點擊後給使用者就是白板很不友好，想了很久找了些資料，在網頁載入中顯示等待畫面給客戶，頁面載入完成自動隱藏等待效果。
在網頁後臺cs代碼：
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ShowLoanding();
//.....
//你的資料載入代碼
Thread.Sleep(1000);//執行緒停留1秒，也可以不要。
}
}
//顯示載入進度
private void ShowLoanding()
{
Response.Write("<div style='position:absolute;z-index:600;width:expression(document.body.clientWidth);height:expression(document.body.clientHeight);background-color:#FFFFFF;text-align:center;padding-top:150px;' id='mydiv' >");
Response.Write("<img src='HTTP://www.kuwant.com/common/images/waiting.gif'> Loading...");
Response.Write("</div>");
Response.Write("<script language=javascript>;");
Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ");
Response.Write("window.setInterval('ShowWait()',1000);}");
Response.Write("function HideWait(){mydiv.style.visibility = 'hidden';");
Response.Write("window.clearInterval();}");
Response.Write("StartShowWait();</script>");
Response.Flush();
}
在網頁aspx代碼<body>之後加入如下代碼：（目的隱藏等待效果）
padding: 0px" >
<script type="text/javascript">
HideWait();
</script>
等待效果就是在網頁中間出現一個等待提示和動畫，頁面載入完成自動消失。當然動畫圖像和提示文字自己可以在代碼中修改。