jQuery, 클릭할때마다 z-index 최상위, 맨앞으로, 맨위로 > script

본문 바로가기

script

jQuery, 클릭할때마다 z-index 최상위, 맨앞으로, 맨위로

작성일 15-05-30 23:26

페이지 정보

작성자서방님 조회 796회 댓글 0건

본문

출처 : http://jsfiddle.net/Xf3pQ/4/


<div style="background-color:red;z-index:1;position:absolute;left:30px;top:40px;width:50px;height:50px;">.</div>


<div style="background-color:yellow;z-index:2;position:absolute;left:50px;top:50px;width:50px;height:50px;">.</div>


<div style="background-color:blue;z-index:3;position:absolute;left:40px;top:60px;width:50px;height:50px;">.</div>


<script>

maxZ = $('div:last').css("zIndex");

$("div").on("click",function()

    {

        maxZ++;

      $(this).css('z-index',maxZ);           

    }

);

</script>

댓글목록

등록된 댓글이 없습니다.

게시물 검색
Copyright © 서방님.kr All rights reserved.
PC 버전으로 보기