基于jquery的loading 加载提示效果实现代码_jquery

loading加载提示······透明遮罩居中

  

复制代码代码如下：

正文{
边距：0；
字体大小：12px；
行高：100%；
字体系列：Arial、sans-serif；
}
.background {
显示：块；
宽度：100%；
高度：100%；
不透明度：0.4；
过滤器：alpha（不透明度=40）；
背景：同时；
位置：绝对；
顶部：0；
左：0；
z 索引：2000；
}
.progressBar {
边框：实心 2px #86A5AD;
背景：白色 url(progressBar_m.gif) 无重复 10px 10px；
}
.progressBar {
显示：块；
宽度：148px；
高度：28px；
位置：固定；
顶部：50%；
左：50%；
左边距：-74px；
顶部边距：-14px；
内边距：10px 10px 10px 50px；
文本对齐：左；
行高：27px；
字体粗细：粗体；
位置：绝对；
z 索引：2001；
}
<div id="background" class="background" style="display: none; "></div>

数据加载中，请稍等...

;
var ajaxbg = $("#background,#progressBar");
ajaxbg.hide();
$(document).ajaxStart(function () {
ajaxbg.show();
}).ajaxStop(function () {
ajaxbg.hide();
});

作者：曾祥展