如何隐藏页面的整个加载过程并向用户显示准备页面

Question

我有以下问题:我的php页面从db菜单生成导航菜单然后在js的帮助下显示它像多级菜单.问题是,它显示了整个加载过程.起初用户看到的是这样的:

然后

如何隐藏页面的整个加载过程,还是有其他解决方案可以解决这个问题？Thx提前

Answer 1

隐藏在css中,

#loading {
  display: block;
  background: url(loading.gif) no-repeat center center;
}
#container {
  display: none;
}

并在javascript中再次显示它(此代码使用jquery)

$(function(){
    $('#loading').fadeOut(250, function(){
        $('#container').show();
    });
});

当然你可以像你想要的那样做,隐藏和显示css中的任何内容,然后在文档就绪,切换到内容.通过隐藏加载div,并显示内容.