loading 加载提示······

最新推荐文章于 2021-06-05 07:57:48 发布

weixin_34126557

最新推荐文章于 2021-06-05 07:57:48 发布

阅读量1k

点赞数

原文链接：https://yq.aliyun.com/articles/384858

版权

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

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();

});

本文转自曾祥展博客园博客，原文链接：http://www.cnblogs.com/zengxiangzhan/archive/2011/09/01/2161494.html ，如需转载请自行联系原作者

关注