jquery_jquery に基づくプロンプト効果実装コードの読み込み

読み込み中 加ダウンロード示唆 ··· · 透明遮罩居中

复制代码代码如下:

ボディ{
マージン: 0;
フォントサイズ: 12px;
行の高さ: 100%;
フォントファミリー: Arial、サンセリフ;
}
.background {
表示: ブロック;
幅: 100%;
高さ: 100%;
不透明度: 0.4;
フィルター: alpha(opacity=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>
<div id="progressBar" class="progressBar" style="display: none; ">数架加ダウンロード中、请稍等...</div>
var ajaxbg = $("#background,#progressBar");
ajaxbg.hide();
$(document).ajaxStart(function () {
ajaxbg.show();
}).ajaxStop(function () {
ajaxbg.hide();
});

著者：曾祥展