如何在頁面加載期間使用jQuery顯示動畫圖像

我有一個ASP.NET頁面由於加載了多個用戶控件而需要很長時間才能加載。有沒有一種方法可以在頁面加載時使用jQuery顯示加載動畫？如何在頁面加載期間使用jQuery顯示動畫圖像

謝謝。

來源

2010-07-19 looking4juice

你不需要jQuery。

您可以簡單地添加一個<img>標籤，顯示動畫GIF。
您可以在AJAXLoad.info找到合適的動畫GIF。

來源

2010-07-19 02:44:46 SLaks

只需插入一個div的絕對位置和樣式它，只要你想，當加載頁面時將其隱藏..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Test</title> 
<script type="text/javascript" src="jq.js"></script> 
<style> 
.boxMid{position:absolute; top:30%; left:40%; width:200px; height:200px; background-color:#fff; 
       border:1px solid #333; display:block;} 
#mybox{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#666666; opacity:.8; display:block;filter:alpha(opacity=80);} 
</style> 
</head> 

<body> 

<div id="mybox" > 
    <div class="boxMid"> 
    Loading, please wait ... 
    </div> 
</div> 
    <div id="loading">loading</div> 

    <script type="text/javascript"> 
    $(document).load(function(){ 
     $('#mybox').fadeOut(); 
    }); 

    </script> 

</body> 
</html>

來源

2010-07-19 02:48:00 shox

你好，請你詳細說明一下嗎？我是一個jQuery開發的新手:(發生什麼事是圖像不顯示在頁面加載過程中，而只是在它之後，我需要在頁面加載過程中顯示圖像 Thanks！ – looking4juice 2010-07-19 03:15:31

我更新了重播，只需添加內容和你的jQuery路徑而不是'src =「jq.js」' – shox 2010-07-19 11:21:30

要做到這一點，我用BlockUI plugin jQuery的。

來源

2010-07-19 04:26:00 Jenn

-1

$.ajaxSetup({ 
     beforeSend:function(){ 
     $("#loading").show(); 
     }, 
     complete:function(){ 
     $("#loading").hide(); 
    });

這將更改您的全局ajax設置，以在處理ajax時顯示/隱藏＃加載對象。

來源

2010-07-19 04:36:34 Rodrigo

如何在頁面加載期間使用jQuery顯示動畫圖像

回答

相關問題