jquery loading效果

说明：用户登录系统后,系统一些资源还在加载 （即，没有加载完，无法正常相应用户的操作） 这时我想弄个遮罩效果，当加载完后遮罩消失。

<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;" onclick="javascript:turnoff('loading')">   
    <p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:20px 0 0 -50px; padding:3px 10px;" onclick="javascript:turnoff('loading')">页面载入中..</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