jQuery] 마우스 트래킹

트래킹 된 값을 타이틀로 출력 해보겠습니다
기존 자바스크립트 이벤트와 다르게 창영역 트레킹을 이용하기 때문에 화면을 벗어나도 트래킹이 됩니다
기본이벤트는 별로이기에 사용하지 않구요

구조는 간단합니다
마우스누름 이벤트에서 윈도우개체의 마우스 이동과 마우스뗌을 붙입니다
트래킹시에 누름이 유효하는동안 마우스 이벤트의 좌표값을 전달받게 됩니다
마우스를 떼게되면 여기에 붙여진 모든 이벤트를 떼냅니다

<script>

function tracking(e){

    var t=$(".control .track");

    document.title=(e.pageX-t.offset().left)/t.width();

}

</script>

<div class="control">

    <div class="track" onmousedown="$(window).mousemove(tracking).mouseup(function(e){$(this).unbind()});return false"><div class="pos"></div></div>

</div>