track_mouse.aspx font size:
View Sample
<html>
<head>
<title>Abakada DHTML Demo: Tracking Mouse Movement</title>
<link rel="stylesheet" href="/shared/netdemos.css">
</head>

<body>
<!-- #include virtual="~/shared/top.inc" -->

<div class="header"><h2>Abakada DHTML Demo: Tracking Mouse Movement</h2></div>
<hr size=1 width=92%>

<div align="center">
   <p id="msg">This example uses a simple handler to track mouse move events. 
      The coordinates shown are relative to the upper-left corner of the document. </p>

   <h4 id="xy"></h4>

</div>

<script language="JavaScript">
<!--
var ie4up, ns6, ns4, dom;
if ( navigator.appName == "Microsoft Internet Explorer" ) 
   ie4up = parseInt ( navigator.appVersion ) >= 4;
else if ( navigator.appName == "Netscape" ) {
   ns6 = parseInt ( navigator.appVersion ) >= 5;
   ns4 = parseInt ( navigator.appVersion ) < 5;
}
dom = document.getElementById;

var coords = ie4up ? document.all [ "xy" ] : 
   dom ? document.getElementById ( "xy" ) : 
   document.layers [ "xy" ];
var x, y;
function mouseMove ( e ) {
   x = ( ie4up ) ? event.offsetX : e.pageX;
   y = ( ie4up ) ? event.offsetY : e.pageY;
   status = 'x = ' + x + ' y = ' + y;
   coords.innerText = 'x = ' + x + ' y = ' + y;
   return true;
}
document.onmousemove = mouseMove;
if ( ns4 || ns6 ) document.captureEvents ( Event.MOUSEMOVE );
//-->
</script>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>