使用jquery添加等待层
<script type="text/javascript" src="script/jquery.js"></script>
<style type="text/css">
.loading{
width:100%;
height:100%;
position : absolute;left : 0; top : 0;
background: rgba(144,144,144,0.5) url(images/load.gif) no-repeat 50% 50%;
z-index:9999
}
</style>
<div id="maskArea" style="display: none;" class="loading"></div>
$("#maskArea").show();
======================================================
20180531 上面的方法在谷歌浏览器中没有问题,在ie中等待图片不动了,解决办法如下
<style type="text/css">
.loading2{
width:100%;
height:100%;
position : absolute;left : 0; top : 0;
background: rgba(144,144,144,0.5);
z-index:9999
}
</style>
<div id="maskArea" style="display: none;" class="loading2">
<img id="loadImg" src="images/load.gif" style="position: absolute;left: 308px;top:183px;"/>
</div>
$("#maskArea").show();
setTimeout(function(){
$("#loadImg").attr("src", "images/load.gif");
},10);