ASP.NET/AJAX Modal

Question

我想要一個動畫模式（加載請稍候），當頁面完全加載它消失？

Answer 1

使用jQuery：

$(function() { $('#loading').fadeOut(); }); 

剩下的就是CSS和GIF動畫。

Answer 2

如果你使用jQuery，嘗試這樣的事情：

$(function() { 
    var reqMgr = Sys.WebForms.PageRequestManager.getInstance(); 
    reqMgr.add_beginRequest(ShowWait); 
    reqMgr.add_endRequest(HideWait); 
}); 

function ShowWait() { 
    $("#Loading").fadeIn(); 
} 

function HideWait() { 
    $("#Loading").fadeOut(); 
} 

這時正好有一個元素：只要你想用CSS

<div id="Loading">Loading, Please Wait...</div> 

樣式和位置，默認情況下它有一個display: none;雖然。

Answer 3

我推薦你寫一些簡單的HTML與你的加載消息（並可能是一個頁面蒙版，使其變灰），並將其放置在頁面的開始。並在頁面末尾添加腳本以刪除該消息和掩碼（請參閱第一個答案）。因此，用戶一收到html頁面就會看到此消息（也有一些瀏覽器支持在加載頁面期間呈現不完整的頁面）。有關更多詳細信息，請參閱this page的代碼。

Answer 4

這是我最喜歡的一種模式彈出窗口。它不使用任何AJAX，它只是純HTML CSS &：http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/

你可以把它掛到代碼隱藏而不是使用超鏈接（擺脫不透明度屬性與div.visble =真/假工作） 。將默認模式div設置爲可見，然後在頁面加載完成時將其設置爲visible = false。