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

소스부터 보자.

<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>

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

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