H T M L
Dynamic
Kodayan
@
@
@
‘ΜΆπΈΨ―Έ·ιxΙAQΒΜΆΜz-indexπόκ·¦ά·B@
Z-Index Z-Index
@
<style TYPE="text/css"><!--
#D1 {position:absolute;left:150;top:65;width:100;height:60;
color:red;background-color:yellow;}
#D2 {position:absolute;left:100;top:80;width:200;height:30;
color:blue;background-color:pink;}
#D3 {position:absolute;left:150;top:80;width:100;height:30;
color:magenta;background-color:white;font:16pt;}
--></style>
<script language="JavaScript"><!--
var D1z = 0;
var D2z = 1;
var D3z = 2;
function ChangeZ(){
D1z += 1;
if(D1z > 2){D1z = 0;}
D1.style.zIndex = D1z;
D2z += 1;
if(D2z > 2){D2z = 0;}
D2.style.zIndex = D2z;
D3z += 1;
if(D3z > 2){D3z = 0;}
D3.style.zIndex = D3z;
timerID = setTimeout("ChangeZ()",1000);
}
var flg = 0;
function SpanZ(){
if(flg == 0){
sp1.style.zIndex =
2;
sp2.style.zIndex = 1;
flg = 1;
}else{
sp1.style.zIndex = 1;
sp2.style.zIndex = 2;
flg = 0;
}
}
//--></script>
</head>
<body onload="ChangeZ();">
<div id="D1"><p> H T M L</p></div>
<div id="D2"><p>Dynamic</p></div>
<div id="D3"><p>Kodayan</p></div>
<div style="cursor:hand" onclick="SpanZ();">
<span id="sp1"
style="position:absolute;top:170;left:100;
color:navy;font:40pt 'Broadway BT','ceΎ²Μ';
z-index:1">Z-Index</span>
<span id="sp2"
style="position:absolute;top:175;left:105;
color:cyan;font:40pt 'Broadway BT','ceΎ²Μ';
z-index:2">Z-Index</span>
</div>
END(99/8/13)