便利eelife Java Script

   戻る

マウスを乗せると画像の重なりが替わります。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<DIV style="top : 50px;left : 50px;
position : absolute;
z-index : 1;
" id="img1" onmouseover="this.style.zIndex = 3" onmouseout="this.style.zIndex = 1"><IMG src="colorbook.gif"></DIV>
<DIV style="top : 83px;left : 191px;
position : absolute;
z-index : 2;
" id="img2"><IMG src="3light.gif"></DIV>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife

// -->
</SCRIPT>
コメント
this.style.zIndex : z-indexの数値の設定

レイヤーの重なり方
z-index : 数値が大きい程、手前(上)にきます。

レイヤー(レイアウト枠)の作成
画像の設置