0

JavaScript がバックグラウンドでデータをロードし、それを処理してそれに応じて DOM を更新している間に、サイトの訪問者に表示される簡単なロード画面を実装する最もクリーンな方法を決定しようとしています。

blogger.com がそのテーマの 1つ、特にこのテーマで行っていることが気に入っています。灰色の背景の上にスピニー画像が表示されて画面を完全に埋め尽くすように見え、下にあるすべての作業が完了するとフェードアウトします。

彼らがその効果をどのように正確に達成するかを知っている人はいますか? Firebug をいじってみるだけでは、あまり効果がありません。DOM から非表示または削除されているようには見えません。

ありがとう！

4

1 に答える 1

0 
<script type="text/javascript">

function removeOverlay(){
//code to remove the div waiting overlay
}
</script>


<body onload="removeOverlay()">

<div id='mainContainer'>

// this overlay style is in one word ugly, modify it to your style :p

<div id='waitiongOverlay' style='position:absolute;border:1px solid red; background:red; top:0; left:0; width:99%; height:99%; z-index:100;'></div>



</div>
</body>
于 2013-02-16T09:20:07.233 に答える