jquery loading
//加载等待... function MyLoading(falg) { var loading = "<div id='dlading' style='position:absolute;left:0;width:100%;height:100%;top:0;background:#FFFFFF;opacity:0.8;filter:alpha(opacity=90);z-index:9999999;'>"; loading += "<div style='border:2px solid #B7CDFC;cursor:point;position:relative;top:45%;margin:0 auto;width:200px;height:36px;line-height:28px;font-size:14px;background:#fff;padding-left:5px;'>"; loading += "<h6 style='display:inline;line-height:28px;height:28px;float:left'><img src='/images/loading-black.gif' width='16' height='16' valign='middle' style='margin-top:8px;float:left' />正在加载,请等待......</h6></div></div>"; if (falg) { $("body", document).append(loading); } else { if ($("#dlading") != undefined) { $("#dlading").remove(); } } }
第二种方法
<script type="text/javascirpt"> $(function(){ $("#loading").ajaxStart(function () { $(this).fadeIn(); }); //异步开始时执行 $("#loading").ajaxComplete(function () { $(this).fadeOut(); }); //异步完成时执行 }); </script> <body> <div id="loading" style='position:fixed; left:0;top:0;width:100%;height:100%;background:#FFFFFF;opacity:0.8;filter:alpha(opacity=90);z-index:9999999;display:none;'> <img src="http://images.cnblogs.com/loaderc.gif" style="position:fixed;top:50%;left:50%;"/> </div> </body>