如何顯示加載圖像（GIF），直到腳本功能完成

我有一個html按鈕。代碼給出波紋管，如何顯示加載圖像（GIF），直到腳本功能完成

<div id="apDiv1"> 
    <input name="wpost" type="button" value="Publish" onClick="wall_publish()"/> 
</div>

當用戶點擊「發佈」按鈕，它所謂的「wall_publish（）」腳本函數是在同一頁。代碼中的「wall_publish（）」函數給出波紋管，

<script> 
function wall_publish(){ 
     //some codes... 
    } 
</script>

我需要在我的'發佈'按鈕旁邊顯示一個加載gif圖像，直到腳本函數完成。
任何人都可以告訴我如何做到這一點？

來源

2011-08-04 Roshanck

使用[阻止UI插件]（http://plugins.jquery.com/project/blockUI）來阻止和解除阻塞。 – dhinesh

你應該顯示的圖片做那麼作業再次remooove它只是簡單的

function show pic();

function do job();

function remove pic();

來源

2011-08-04 06:39:05 Qchmqs

thos不是功能我想告訴你，你應該用一個功能顯示圖片然後做這項工作，並再次刪除圖片 – Qchmqs

哦真的對不起。是這就是我想要做的（顯示，做我的工作，並刪除）但是如何？ – Roshanck

你能告訴我如何顯示和刪除圖片？ – Roshanck

如果你不知道如何顯示圖片的想法，我認爲你應該去檢查java腳本文檔的，如果你試圖使圖片不可見我可以建議你使用jQuery庫，只需添加行

$('#img').hide();要隱藏它和$('#img').show();來顯示它; 這不是很具體，但你sshould去THROU是

我想你的HTML代碼，但不知道

<img src="the adress of the image" id="gif" />

來源

2011-08-04 06:51:53 Qchmqs

顯示/刪除任何HTML是通過使用display屬性的最好辦法。

創建一個隱藏的圖像。

功能wall_publish（）{

document.getElementById('loading').style.display='inline'; /* display it */ 

// do what you need here 

document.getElementById('loading').style.display='hidden'; /* put it away again */

}

有，當然，一打的方式來做到這一點。我選擇了我第一次開始學習JavaScript時使用的最簡單易用的方法。

來源

2011-08-04 07:00:30 KateYoak

我用來創建一個隱藏的圖像。它顯示我點擊按鈕時，但功能完成後它不會消失？ – Roshanck

如何顯示加載圖像（GIF），直到腳本功能完成

回答

相關問題