前台自定义loading及控制显示范围

<div class="content">   <!--外层容器-->
	<div id="loading">
		<div class="load-gif"></div>
	</div>
</div>
<style>
	.content{
		width:500px;
		height:500px;
		position:relative;
	}/*外层div样式width、height 定位*/
	.content #loading{
		position:absolute;
		top:0;
		tight:0;
		bottom:0;
		left:0;
		background:rgba(0,0,0,.3);
	}
	.content .load-gif{
		width:37px;
		height:37px
		background:url(../../image/loading.gif) no-repeat;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
</style>
//记得引入jq
<script>
	$.ajax({
		success:function(){
			$("#load").addClass("hide");
		}
	})
</script>