간단한 마우스 포인터 따라 다니기

by 조쉬 posted Mar 26, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

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

소스부터 보자.

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

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