我需要在页面加载期间添加 throbber 的示例
有人有在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
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.
在 http://ajaxload.info/ 上,您可以生成自己的:)
On http://ajaxload.info/ you can generate your own :)
您可以使用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.