（转） 页面loading阴影效果

jQuery 

首先看效果图： 
 

我是用jquery加载的，代码为： 

Js代码  

1. $('body').append('<div id="loading" style="display:none;position:fixed !important;position:absolute;top:0;left:0;height:100%; width:100%; z-index:999; background:#000 url(//images/login-load.gif) no-repeat center center; opacity:0.6; filter:alpha(opacity=60);font-size:14px;line-height:20px;"> '+   
2.                 '<p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:20px 0 0 -50px; padding:3px 10px;">Loading...</p>   '+  
3.                 '</div>');  

控制显示与隐藏代码： 

Js代码  

1. $("#loading").show();  
2. $("#loading").hide();  

该loading图标如图：