마우스의 좌표를 이용해서 div들을 움직이게 하고 싶은 경우가 있다.
마우스의 움직임에 대한 값을 얻어낸다면 나머지는 응용하면 된다.
마우스의 움직임. 즉, 좌표값을 얻어내는 방법은 아래와 같다.
<script type="text/javascript">
jQuery(document).ready(function(){
$(document).mousemove(function(e){
$('#status').html(e.pageX +', '+ e.pageY);
});
})
</script>
코드를 설명하자면 document. 즉, 브라우져 내부에서 마우스를 움직이게 되면 x값인 e.pageX와 y값인 e.pageY를 가져와서 status라는 id를 가진 곳에 노출하라라는 말이다.