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;" > <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"> //<!]> </script>
URL:http://www.vi-c.net.cn/jquery-loadingpage.html
页:
[1]