답변 4개 / 댓글 2개
채택된 답변
+20 포인트
배경이 없지만 영역은 차지하고 있습니다...
c를 맨 뒤로 보내시거나... 하셔야 클릭이 됩니다..
재밌을것 같아 간단하게 만들어 보았습니다.
z-index값은 적용하지 않았지만 잘 응용하시면 될것 같군요.뭐 다른 방식으로도 가능하겠지만...
세개의 이미지를 포함하는 div의 id="container" 이라 하고, 클릭에 해당되는 div의 id="reck" 이라 했을 때
Copy
<style>#container{position:relative;width:500px;height:400px;background:gray;}#reck{position:absolute;left:100px;top:100px;width:200px;height:200px;background:blue;}</style><script>$(function(){ var w = $("#reck").width(); var h = $("#reck").height(); var position = $("#reck").position(); var x = position.left; var y = position.top; $("#container").live("mousemove",function(event){ if(event.pageX >=x && event.pageX<= x+w && event.pageY >= y && event.pageY <=y+h) { $("#container").css('cursor','pointer'); } else $("#container").css('cursor','default'); }); $(document).click(function(event){ if(event.pageX >=x && event.pageX<= x+w && event.pageY >= y && event.pageY <=y+h) { location.replace("http://www.naver.com/"); } });});</script><div id="container"> <div id="reck"></div></div>답변을 작성하려면 로그인이 필요합니다.