網頁載入等待效果

引用

最近網頁載入資料比較多，點擊後給使用者就是白板很不友好，想了很久找了些資料，在網頁載入中顯示等待畫面給客戶，頁面載入完成自動隱藏等待效果。

在網頁後臺cs代碼：

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

ShowLoanding();

//.....

//你的資料載入代碼

Thread.Sleep(1000);//執行緒停留1秒，也可以不要。

}

}

//顯示載入進度

private void ShowLoanding()

{

Response.Write("

");

Response.Write(" Loading...");

Response.Write("

");

Response.Write("");

Response.Flush();

}

在網頁aspx代碼之後加入如下代碼：（目的隱藏等待效果）

padding: 0px" >

等待效果就是在網頁中間出現一個等待提示和動畫，頁面載入完成自動消失。當然動畫圖像和提示文字自己可以在代碼中修改。