全屏加载loading显示的解决方法

step1：可以在网页里加一个div用来现实loading。

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

step2: 给这个loading div的样式

 /*加载时全屏处于不能操作，只能处在loading动画的界面*/
 html,body{
        height:100%;
        width:100%;
  }
 body{
        overflow: hidden;
 }
  #loading{
        width:100%;
        height:100%;
        color:#9f9f9f;
        top:0px;
        left:0px;
        position:absolute;
        z-index: 1999;/*用来显示在最前面*/
        text-align: center;
 }
 /*这里是页面正常显示部分，全部设为display:none*/
 .wrapper{
        display: none;
 }

step3: 这里是jQuery代码

 /*当页面加载完之后执行*/
 $(window).load(function(){
      $('#loading').fadeOut();
      $('body').css('overflow','scroll');
      $('.wrapper').fadeIn();
 });