메뉴 건너뛰기

조회 수 594 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

소스부터 보자.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
  $(document).mousemove(function(e) {
      mouseX = e.pageX;
      mouseY = e.pageY;
      $('#aa').css("left", mouseX+15).css("top", mouseY+15).html("x:"+mouseX+" y:"+mouseY);
 });
});
</script>
<div id="aa" style="position:fixed;border:1px solid black;"></div>
x:1692 y:552

mousemove이벤트시에 해당 마우스의 좌표값을 특정 오브젝나 태그의 위치값으로 바꾸어주면 되는것이다.

더이상의 자세한 설명은 생략한다. ㅡ/.ㅡ


하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved