css添加等待层

使用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);