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

发布于 2024-10-27 01:36:34 字数 63 浏览 4 评论 0原文

有人有在 ASP.NET 页面加载期间运行动画 throbber 的代码示例吗?如果有多个例子,我们将不胜感激。

Does someone have a code example of running an animated throbber during asp.net page loads? More than one example would be appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

ヅ她的身影、若隐若现 2024-11-03 01:36:34

throbber 通常只是一个保存内容位置的动画 .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

匹配文章: < a href="https://en.wikipedia.org/wiki/Throbber" rel="nofollow noreferrer">https://en.wikipedia.org/wiki/Throbber

如您所见,这是一个动画gif。

更新:如果您仍在使用此作为参考,请查看各个项目中的 CSS throbbers。

A throbber is generally just an animated .gif that holds the place of content. When the content is loaded, that image is hidden or removed from the dynamic element and replaced with the actual content (or vice versa if you're making a form or similar).

Here's a link to the Facebook "throbber" -
http://static.ak.fbcdn.net/rsrc.php/v1/zb/r/GsNJNwuI-UM.gif

Here's a link to a Wikipedia asset: https://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif

Matching article: https://en.wikipedia.org/wiki/Throbber

As you can see, it's an animated gif.

Update: If you're still using this for reference then please check out the CSS throbbers in various projects.

回眸一遍 2024-11-03 01:36:34

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

On http://ajaxload.info/ you can generate your own :)

长安忆 2024-11-03 01:36:34

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

问题是你必须使用 UpdatePanel 来实现这一点。如果你已经在使用它就好了。

您可能想要研究的另一个选项:

使用 jQuery 显示/隐藏 你的 throbber。

jQuery UI 的进度条插件

You can use asp.net AJAX UpdateProgress control. Put your throbber image in the ProgressTemplate.

The issue with that is you will have to use UpdatePanel for that. If you are already using it nice.

Another options you might want to look into:

Use jQuery to show/hide your throbber.

jQuery UI's progressbar plugin.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文