| 解 説 |
ページ内容が完全に読み込まれるまでNow Loading...と表示するにはbodyタグの奥行き(Z座標)を一番奥に、Now Loading...と表示されるレイヤーを一番手前にします。レイヤーは背景色を指定しNow Loading...の文字を表示します。ページが読み込まれたら(bodyタグのonLoad)レイヤーを非表示にします。
|
| コード |
<![CDATA[
<html>
<head>
<title>ページ内容が完全に読み込まれるまでNow Loading...と表示する</title>
</head>
<body style="z-index:0" onLoad="nowLoad.style.visibility='hidden'">
<div id="nowLoad" style="position:absolute;top:0px;left:0px;width:110%;height:110%;background-color:yellow;z-index:10;">
Now Loading...
</div>
ページ内容が完全に読み込まれるまでNow Loading...と表示されます。<br>
<img src="image.jpg">
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
ページ内容が完全に読み込まれるまでNow Loading...と表示する