实现页面加载特效

1.页面引入js

<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="../layer/layer.min.js"></script>

2.在ajax代码中加入:

var loadi = layer.load('拼命加载中...',0);
            var param ={"total_num":total_num,"total_prize":total_prize,"red_packet_desc":red_packet_desc};
            var url ="/ibs/distributeRedPacket";
            ibsAjax(url,param,function(data){
                 layer.close(loadi);
                var obj = eval('(' + data + ')');
                  if(obj.o != null){
                      
                      var red_packet_id = '';
                          for(var i=0;i<obj.o.length;i++){
                              red_packet_id = obj.o[i].redPacketId;
                              if(i==0){
                                  $("#TOKEN_STRING_NAME").val(obj.o[i].tokenStringName);
                              }
                          }
                         // alert("红包已包好,赶快分享朋友圈让大家来抢红包吧!");
                          window.location.href='/ibs/page/hongbao/hb_sharetofriend.html?red_packet_id='+red_packet_id+'&total_prize='+total_prize+'&total_num='+total_num+'&v=55';
                  }else{
                      swal("网络堵车...", "error");
                        return;
                  }
                
            },null);
        }

0代表时间

效果图: