ホームページ  >  記事  >  ウェブフロントエンド  >  jquery_jquery に基づくプロンプト効果実装コードの読み込み

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

WBOY
WBOYオリジナル
2016-05-16 18:02:431355ブラウズ

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

loading 加载提示······ progressBar_m

复制代码代码如下:

ボディ{
マージン: 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;
}


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

著者:曾祥展
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。