在页面加载时显示动画并隐藏其他内容

Question

我不希望在加载之前显示我的页面。 并且还想要显示动画

我正在使用此代码

jQuery(window).load(function (){
jQuery('#loading').show();
jQuery('#main-container').hide();

}); 

但它有点像是不正确的。

Answer 1

您应隐藏页面并使用CSS

显示加载程序

#main-container { display: none }
#loading { display: block }

在页面加载后，您隐藏加载程序并显示内容

jQuery(window).load(function() {
    jQuery('#loading').hide();
    jQuery('#main-container').show();
});