我想向Web应用程序的用户指示正在执行长时间运行的任务。很久以前，这个概念已经通过显示沙漏传达给用户了。如今，它似乎是一个动感十足的旋转圈子。 (例如，当我们在Firefox中加载新标签页或者在Mac OS X中启动时。巧合的是，stackoverflow徽标中的溢出堆栈看起来像圆圈的四分之一)。

有没有一种简单的方法可以使用Javascript(特别是JQuery)来创建这种效果？理想情况下，我希望将这些微调框之一作为表中的元素，以向用户指示系统在处理待处理的任务时仍处于活动状态(即，它没有被遗忘或者崩溃)。 (当然，我意识到后端可能崩溃了，而前端仍然显示为动画旋转的东西，这更多是出于用户看到活动的心理目的)。

那你怎么称呼那个旋转的东西？

解决方案

回答

本网站将为我们做到：

ajaxload

在OS X上，它被称为"沙滩球"，我喜欢添加"死亡"。

回答

我假设意思是指示Ajax调用期间的后台活动。

我倾向于使用一个CSS类，将背景图像设置为动画GIF，并进行适当的填充和定位(记住要关闭背景重复功能)，然后使用当Ajax时调用的几个JavaScript帮助器来添加和删除该类。调用开始，并且响应回调运行时。

回答

Google Ajax活动指示器可查找大量图像和图像生成器("旋转"图像本身是GIF动画)。

这是一个让我们入门的链接。

拿到图像后，使用JQuery切换图像(或者它的父DIV标签)的可见性。有关更多信息，请参见此链接。

rp