我需要在页面加载期间添加throbber的示例

时间:2011-03-25 15:40:59

标签: javascript asp.net throbber

有人在asp.net页面加载期间有代码示例运行动画悸动吗?不止一个例子值得赞赏。

3 个答案:

答案 0 :(得分:6)

一个悸动者通常只是一个动画.gif,它保存了内容的位置。加载内容后,该图像将隐藏或从动态元素中删除,并替换为实际内容(反之亦然,如果您正在制作表单或类似内容)。

这是Facebook“throbber”的链接 - http://static.ak.fbcdn.net/rsrc.php/v1/zb/r/GsNJNwuI-UM.gif

以下是维基百科资产的链接:https://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif

匹配文章:https://en.wikipedia.org/wiki/Throbber

如你所见,它是一个GIF动画。

更新:如果您仍然使用它作为参考,那么请查看各种项目中的CSS悸动者。

答案 1 :(得分:6)

http://ajaxload.info/上,您可以生成自己的:)

答案 2 :(得分:2)

您可以使用asp.net AJAX UpdateProgress control。将您的throbber图像放入ProgressTemplate。

问题是您必须使用UpdatePanel。如果你已经使用它了。

您可能需要考虑的其他选项:

使用jQuery to show/hide你的悸动者。

jQuery UI's progressbar plugin