loading 加载提示 ······ 透明遮罩 居中 复制代码 代码如下: body{ margin: 0; font-size: 12px; line-height: 100%; font-family: Arial, sans-serif; } .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background:while; position: absolute; top: 0; left: 0; z-index: 2000; } .progressBar { border: solid 2px #86A5AD; background: white url(progressBar_m.gif) no-repeat 10px 10px; } .progressBar { display: block; width: 148px; height: 28px; position: fixed; top: 50%; left: 50%; margin-left: -74px; margin-top: -14px; padding: 10px 10px 10px 50px; text-align: left; line-height: 27px; font-weight: bold; position: absolute; z-index: 2001; } <div id="background" class="background" style="display: none; "></div> <div id="progressBar" class="progressBar" style="display: none; ">数据加载中，请稍等...</div> var ajaxbg = $("#background,#progressBar"); ajaxbg.hide(); $(document).ajaxStart(function () { ajaxbg.show(); }).ajaxStop(function () { ajaxbg.hide(); }); 作者：曾祥展

　　推荐阅读

　　Javascript面向对象编程（二） 构造函数的继承

今天要介绍的是，如何生成一个"继承"多个对象的实例。 比如，现在有一个"动物"对象的构造函数， 复制代码 代码如下: 　　function Animal(){ 　　　　this.species = "动物"; 　　} 还有一个"猫"对象的构造函数，>>>详细阅读

本文标题：基于jquery的loading 加载提示效果实现代码

地址：http://www.17bianji.com/kaifa2/JS/24221.html

 1/2    1