网页加载文本

时间:2013-07-21 16:06:52

标签: jquery html css ajax

也许这个问题出现之前,但我无法找到满足我需求的相关答案。我要问的是人们如何加载文本,例如文本是灰色的,从左到右,它在页面加载时变白。当它到达结束时 - 加载页面并显示页面。与微调器相同......或者另一个例子是如何使页面显示加载0%,1% - 100%以及何时加载100%...什么是实现此目的的最佳方法?

感谢。

1 个答案:

答案 0 :(得分:0)

这里的一些评论说没有Flash就不可能做到这一点,但我之前已经在纯HTML中看到了这一点。它在复杂的演示/可视化应用程序和Web应用程序中很常见。

诀窍是页面正常加载然后一些JavaScript代码开始将所有图像和其他资源预加载到缓存中。您可以使用JavaScript监控此进度,并在执行时更新进度条。

本文仅讨论缓存图像,但最后的第一条注释链接到有关缓存其他资源的文章:

如果页面通过AJAX请求加载了很多内容,我也看到了很多。要启用此功能,您的网站需要进行相当大的结构更改,但如果您尚未通过AJAX加载部分页面。如果你使用ajax然后你可以发出请求,设置一个微调器动画来显示,然后有一个“ajax请求完成”回调,这将删除微调器并说“完成!”。这不像进度条选项那样具有交互性。

最后你可以做一个非常基本的版本我想通过在<body>之后添加一些来隐藏页面然后在jquery ready事件中你可以淡化隐藏内容的div。没有交互式进度条,但我认为这样可行。