加载动画实现

<div class="loading">
   <div class="pic"><img src="../static/images/load.gif"></div>
</div>

css

.loading{
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 100;
    }
.loading .pic{
  width: 64px;
  height: 64px;
  background:url(../images/load.gif);
  position: absolute;
  top: 0px;
  left: 50%;
  margin: auto;
}

注意事项，加载动画的div与显示内容的div应该并列，不能包含在现实内容的div中，这样操作时往往会有一些问题。