【问题标题】:I need examples for adding a throbber during page loads我需要在页面加载期间添加 throbber 的示例
【发布时间】:2011-07-23 00:39:21
【问题描述】:

有人有在 asp.net 页面加载期间运行动画 throbber 的代码示例吗?多于一个例子将不胜感激。

【问题讨论】:

    标签: javascript asp.net throbber


    【解决方案1】:

    悸动者通常只是一个动画 .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 throbbers。

    【讨论】:

    • 奇数。我无法查看该页面的页面源。哦,好吧。
    • 在浏览器中查看图片内容时没有页面源,不是html
    • Chrome 或 Firebug 将允许您检查各个元素。如果您的页面具有类似的 throbber,请尝试加载内容(f5,或点击页面上的某些内容以触发内容),然后在 throbber 可见时按 ESC 键停止加载。然后你应该能够使用常用工具来检查可见元素。
    • 已更新。哇,这是很久以前的事了! :)
    【解决方案2】:

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

    【讨论】:

    • 我有心跳。并感谢您的链接!这很甜蜜。反正我是在找怎么跑。
    【解决方案3】:

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

    问题是您必须为此使用 UpdatePanel。如果你已经在使用它很好。

    您可能想要研究的其他选项:

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

    jQuery UI's progressbar plugin.

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多