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>之后加入如下代碼：（目的隱藏等待效果）
<body style="margin: 0px; padding: 0px" >
<script type="text/javascript">
?? HideWait();
</script>
等待效果就是在網頁中間出現一個等待提示和動畫，頁面加載完成自動消失。當然動畫圖像和提示文字自己可以在代碼中修改。
轉載于:https://www.cnblogs.com/mvv118/p/3651612.html
總結
以上是生活随笔為你收集整理的C#.Net网页加载等待效果漂亮并且简单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： C#+Mapxtreme 实现一些GIS
- 下一篇： 收缩Mysql的ibdata1文件大小方