Javascript旋转等待沙漏型的东西

Question

我想向Web应用程序的用户表明正在执行长时间运行的任务。曾几何时，这个概念将通过显示沙漏传达给用户。如今，它似乎是一个动画旋转圈。 （例如，当您在Firefox中加载新选项卡或在Mac OS X中启动时。巧合的是，stackoverflow徽标中的溢出堆栈看起来像圆圈的四分之一。）

是否有一种使用Javascript（特别是JQuery）创建此效果的简单方法？理想情况下，我希望将这些小旋转器中的一个作为表中的元素，以向用户指示系统在处理待处理任务时仍然是活动的（即，它没有忘记或崩溃）。 （当然，我意识到后端可能会崩溃并且前端仍然显示为动画旋转的东西，更多的是用户看到活动的心理目的）。

你还称那种旋转的东西，无论如何？

Answer 1

谷歌 Ajax活动指标，可以找到大量的图像和图像生成器（“旋转”图像本身就是一个动画GIF）。

以下one link可帮助您入门。

手中有图像，使用JQuery切换图像的可见性（或者可能是其父DIV标记）。有关详细信息，请参阅this link。

RP

Answer 2

此网站将为您完成：

ajaxload

在OS X上，它被称为“Beachball”，我想添加“死亡”。

Answer 3

http://preloaders.net/en/letters_numbers_words很不错，在左侧菜单中有很多类别提供超过http://ajaxload.info的功能，还有大小和背景选项...这些天ajaxload看起来已经过时了。

Answer 4

我认为你在Ajax调用期间有意指出背景活动。

我倾向于有一个CSS类，它将背景图像设置为一个小的动画GIF，具有适当的填充和定位（记得关闭背景重复），然后使用一些JavaScript助手添加和删除该类当Ajax调用启动时，以及响应回调运行时。