Question

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

Answer 1

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

这是我如何使用它：

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

Answer 2

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

这就是为什么我倾向于讨厌使用Flash设计的网站或仅仅包含Flash启动页面的网站。

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

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

Answer 3

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

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

Answer 4

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

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

Answer 5

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

请参阅jQuery.load() ...例如：

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