也许这个问题是以前的，但我无法找到满足我需求的相关答案。我要问的是人们如何加载文本，例如文本是灰色的，从左到右它在页面加载时变成白色。当它到达结束时 - 页面被加载并显示页面。微调器也是如此...或者另一个示例是如何使页面显示加载 0%、1% - 100% 以及当它是 100% 页面加载时...实现此目的的最佳方法是什么？
谢谢。
问问题
1064 次
1 回答
0
这里的一些评论说如果没有 Flash 就不可能做到这一点，但我以前见过用纯 html 完成的。它在复杂的演示/可视化应用程序和 Web 应用程序中很常见。
诀窍是页面正常加载，然后一些 JavaScript 代码启动以将所有图像和其他资源预加载到缓存中。您可以使用 JavaScript 监控进度并在执行此操作时更新进度条。
本文仅讨论缓存图像，但最后的第一条评论链接到有关缓存其他资源的文章：
如果页面通过 AJAX 请求加载大量内容，我也看到这样做了很多。如果您还没有通过 AJAX 加载页面的某些部分，那么要启用此功能需要对您的网站进行相当大的结构更改。如果您使用 ajax，那么您可以发送请求，设置要显示的微调器动画，然后有一个“ajax 请求完成”回调，它将删除微调器并说“完成！”。不过，这不像进度条选项那样具有交互性。
最后你可以做一个非常基本的版本，我想通过在<body>隐藏页面之后添加一些，然后在 jquery 就绪事件中你可以淡出隐藏内容的 div。没有交互式进度条，但我认为这会起作用。
于 2013-07-21T16:24:35.573 回答