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>

 转自: http://www.vi-c.net.cn/jquery-loadingpage.html

评论

2 楼 wafj999 2010-06-14  

我需要做的是在同一个页面加载ajax的时候显示这个层完成后隐藏这个遮罩 不知道怎么修改呢？

1 楼 rainingcn 2010-05-14  

ff 下没效果