CSS 页面置灰等待效果

<div id=tms-comm-load style="display:none">  <div class=tms-load-box>     <img src=<%=request.getContextPath()%>/static/images/load.gif />     <span id="tms-load-msg"></span>  </div>  <div class=tms-load-mask></div> </div>


.tms-load-box{
         
  	display:inline-block; 	border: 2px solid #A1C5F7; 	padding: 13px 20px; 	background:#fff; 	position:fixed; 	z-index:999999; 	color:#444; 	left:50%; 	top:50%; 	margin-left:-90px; 	margin-top:-30px; } .tms-load-box img{
         
  	margin-right:10px; } .tms-load-mask{
         
  	height:100%; 	width:100%; 	position:fixed; 	z-index:99999; 	left:0; 	top:0; 	background: #545454; 	opacity: 0.50; 	filter: alpha(opacity=50); }


showLoading:function(msg){
         
  		 var defaultMsg = "正在处理,请稍后..."; 		 if(msg) defaultMsg = msg; 		 $("#tms-load-msg").html(defaultMsg); 		 $("#tms-comm-load").show(); 	 }, 	 hideLoading:function(){
         
  		 $("#tms-comm-load").hide(); 	 },
经验分享 程序员 微信小程序 职场和发展