Javascript旋轉等待沙漏類型的東西

Question

我想向Web應用程序的用戶指出正在執行長時間運行的任務。曾幾何時，這個概念將通過顯示一個沙漏來傳達給用戶。如今，它似乎是一個動畫旋轉的圈子。 （例如，當您在Firefox中加載新選項卡或在Mac OS X中啓動時。巧合的是，stackoverflow徽標中的溢出堆棧看起來像是圓圈的四分之一）。

有沒有一種簡單的方法來使用JavaScript創建這種效果（特別是，jQuery）？理想情況下，我希望將這些小旋鈕中的一個作爲表格中的元素，以向用戶表明系統在處理待處理任務（即，它沒有遺忘或崩潰）中仍處於活動狀態。 （當然，我意識到後端可能會崩潰，而前端仍然表現爲動畫旋轉的東西，更多的是用戶看到活動的心理目的）。

而你所說的做的事情紡，反正？

Answer 1

谷歌「的Ajax活動指示器」中找到大量的圖片和圖像生成器（以下簡稱「紡紗」的形象本身就是一個GIF動畫）。

這裏是一個鏈接，讓你開始： http://www.ajaxload.info/

在手的圖像，使用jQuery來切換圖像（或者其母公司DIV標籤）的可見性。請參閱此鏈接更多的一些信息：

http://skfox.com/2008/04/28/jquery-example-ajax-activity-indicator/

RP

Answer 2

這個網站會爲你做它：

ajaxload

，並在OS X上它被稱爲「皮球」，我喜歡加上「死亡」。

Answer 3

我假設你的意思是在Ajax調用期間表示背景活動。

我傾向於有一個CSS類，它將背景圖像設置爲一個小動畫GIF，並帶有適當的填充和定位（記得關閉background-repeat），然後使用一些JavaScript助手添加和刪除該類在Ajax調用開始時以及響應回調運行時調用。

Answer 4

http://preloaders.net/en/letters_numbers_words是好的，有很多類別下的左側菜單，提供超過http://ajaxload.info做的，加上大小和背景選項.. ajaxload現在看起來相當不合時宜。