javascript - Webアプリケーションのロード画面

Question

いくつかのツリービューを持つWebアプリがあります。ページが読み込まれると、順序付けされていないリストが表示され、少しの待ち時間の後、ツリーのスタイルがDOMにレンダリングされます。

Webアプリをマスクし、画面の中央にスピナーを配置し、ページ上のすべてが完全にレンダリングされると、スピナーが消えてマスクがフェードアウトする方法はありますか？ライトボックスのポップアップダイアログに表示される半透明のマスクのようなものです。

score 3 · Accepted Answer

半透明の場合は、まだ問題が表示されます。追加

<div id="loadingmask"></div>

前に</body>。他の z-index を設定している場合は、その z-index を調整する必要がある場合があります。

CSS :

#loadingmask
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    background:#000 url(yourspinner.gif) center no-repeat;

}

jQ // 他のすべてが完了したとき

$('#loadingmask').fadeOut(500, function(){ $(this).remove(); });

</p>

1 に答える 1