欢迎使用Jquery加载…页面

如何实现欢迎屏幕5秒钟，提供加载应用程序等信息… +一些应用程序信息…主页面加载后台。

我认为在某些情况下有一个’loading …’页面是可以接受的 – 例如，在用户登录到商业应用程序之后（想想TurboTax在线……它说’建立一个安全的连接’，可能不完全正确，但加载接口的东西）。每次匿名用户访问您的网站时显示该页面可能不是最好的主意。

看看jQuery BlockUI 。它很灵活，可以做你正在谈论的事情。

对于未来发现这一点的人来说，我找到了一个更优雅的解决方案。

这是我如何使用它：

$(document).ready(function(){ $(window).load(function() {$("#welcome").fadeOut('fast'); }) });

除非你实际上在后台使用那段时间来实际进行某种预加载，否则我强烈建议不要从最终用户角度出发。我个人会觉得很烦人，当我去网站时，在实际获取我想要的内容之前，我必须先做一些介绍。

这就是为什么我倾向于讨厌在Flash中设计的网站或者只是简单地包含Flash启动页面的网站。

编辑：我不一定认为主页的加载应该在“预加载”规模上有很多资格，除非它是资源密集型的。同样，这些只是我的意见。

编辑＃2 ：也可以说，您网站的访问者将决定是否留下或仅仅基于五秒钟。请记住，那些使用互联网的人往往会关注果蝇，并在实际获取内容之前将其置于保持模式中是失去这些用户的好方法。

您将在页面加载时显示欢迎消息（理论上是绝对定位的叠加层）。然后，您可以使用jQuery启动计时器：

 $(document).ready(function(){ setTimeout(function(){ $('div#overlay').fadeOut(); }, 5000); });

虽然我同意@TheTXI，但最好的方法是使用CSS默认显示“loading …”屏幕，然后在使用jQuery加载所有内容后隐藏它（而不是等待一段固定的时间）。

请参阅jQuery.load（） … ex：

  $(document).ready(function(){ $("body img:last").load($("#welcome-screen").fadeOut()); });