jquery loading效果

chenwq

说明：用户登录系统后,系统一些资源还在加载 （即，没有加载完，无法正常相应用户的操作） 这时我想弄个遮罩效果，当加载完后遮罩消失。
<script type='text/javascript' src='<%=basePath %>js/jquery-1.2.6.min.js'></script>   <script type="text/javascript">   <!--        jQuery(function(){           jQuery('#loading-one').empty().append('页面载入完毕.').parent().fadeOut('slow');       });   //-->   </script>  

<div id="loading" style="position:fixed !important;position:absolute;top:0;left:0;height:100%; width:100%; z-index:999; background:#000 url(http://interjc.googlecode.com/svn/trunk/waterfall/img/load.gif) no-repeat center center; opacity:0.6; filter:alpha(opacity=60);font-size:14px;line-height:20px;" >       <p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:20px 0 0 -50px; padding:3px 10px;" >页面载入中..</p>   </div>   <script type="text/javascript">   //<![CDATA[     function turnoff(obj){       document.getElementById(obj).style.display="none";     }   //]]>   </script>  
URL:http://www.vi-c.net.cn/jquery-loadingpage.html