画像の奥行きを変えるには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#objImg1 {
position:absolute;
left:0px;
top:0px;
z-index:0;
}
#objImg2 {
position:absolute;
left:40px;
top:20px;
z-index:1;
}
#objImg3 {
position:absolute;
left:80px;
top:40px;
z-index:2;
}
form {
position:absolute;
left:10px;
top:150px;
}
--></style>
<script type="text/javascript"><!--
function setStyle(n)
{
document.getElementById("objImg1").style.zIndex = n;
}
// --></script>
</head>
<body>
<img src="photo1.jpg" id="objImg1">
<img src="photo2.jpg" id="objImg2">
<img src="photo3.jpg" id="objImg3">
<form>
<input type="button" value="Z座標を0にする" onClick="setStyle(0)"><br>
<input type="button" value="Z座標を2にする" onClick="setStyle(2)"><br>
<input type="button" value="Z座標を4にする" onClick="setStyle(4)"><br>
</form>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。