마우스가 브라우저를 나가는 이벤트를 받아서 활용하는 두가지 방법이 있다. 하나는 (창이 전환되었을 경우, 혹은 마우스가 다른 창을 클릭하여 화면이 바뀐 경우), $(window).blur(function() { //코드 넣는 곳 }); 다른 방법은(순전히 화면에서 마우스가 나갔을 경우), $(document).bind("mouseleave", function(){ //코드 넣는 곳 }) 두 방법은 엄연히 다르다. 자세한 설명은 .bind() 와 .blur()에 대해서 jQuery 도움말을 보면 된다.

마우스의 좌표를 이용해서 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를 가진 곳에 노출하라라는 말이다.