java web遮罩层 加载中...

html代码

 <div id="load" align="center">
         <p><img src="/view/common/firstPage/images/shadeFrame.gif" width="28" height="28" align="absmiddle"/>加载中，请稍候...</p>
 </div>

css

<style type="text/css">
#load{
    position:fixed; 
    top: 0; 
    right:0; 
    left:0;
    bottom:0;
    filter: alpha(opacity=80); 
    background-color: #000d34;
	z-index: 1002; 
	display:none;
	opacity:0.7; 
	-moz-opacity:0.7;
	color: #5aebfc;
}
#load p{
    padding-top:40%;
    overflow:hidden;
}
</style>

默认隐藏

$(document).ready(function() {
   $('#load').hide(); 
});

开启遮罩层

$('#load').fadeIn();

关闭遮罩层

$('#load').fadeout();

加载中gif