loading

css：

/*loading*/
    .load {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 20;
      text-align: center;
      display: block;
    }
    .load img{
      margin-top: 85%;
      zoom: 1.2;
      padding: 10px;
      background: rgba(0,0,0,0.7);
      border-radius: 5px;
      width: 50px;
    }

html：

<div class="load">
      <img src="http://wx.y1y.me/uploads/5/5G1dfQ66ef5nzgMkyez2/c/8/4/0/5757e5ab052df.gif">
    </div>

js：

$('.load').show();
$('.load').hide();