设置Loding延迟加载页面

 

 

前端页面：

<div id="loading">
  <!--这里放你的loading时显示的动画或者文字单独放置-->
</div>

　　

样式设置：

html,body{
     height:100%;
     width:100%;
}
body{
       overflow: hidden;
}
#loading{           
     width:100%;
     height:100%;
     color:#9f9f9f;
     top:0px;
     left:0px;
     position:absolute; /* fixed */
     z-index: 1999;/*用来显示在最前面*/
     text-align: center;
}
 /*这里是页面正常显示部分，全部设为display:none*/
.wrapper{
        display: none;
}

　　

 

JS控制加载

$(window).load(function(){
      $('#loading').fadeOut();  
      $('body').css('overflow','scroll');
      $('.wrapper').fadeIn(); 
});