▶ zIndex 프로퍼티 ( 카드클릭시 이미지 변경 ) > SCRIPT

• 목록

<style type="text/css">

div{ position:absolute; }

img{ position:absolute; cursor:pointer; width:100px; height:140px;}

</style>

<h3>z-index 스타일 프로퍼티</h3>

<hr>

<div>

<img src="img/spade-A.png" id="c1" onclick="change('c1')" style="z-index:1">

<img src="img/spade-2.png" id="c2" onclick="change('c2')" style="z-index:2">

</div>

<script type="text/javascript">

function change(a){

var pkt=a;

if(pkt=='c1') {

c1.style.zIndex = c1.style.zIndex - 1;

c2.style.zIndex = c2.style.zIndex + 1;

}else{

c2.style.zIndex = c2.style.zIndex - 1;

c1.style.zIndex = c1.style.zIndex + 1;

}

}

</script>