在指定的范围内实现鼠标跟随并显示鼠标坐标 （有代码）

给点辛苦分就行了，呵呵<html>
<head>
<title>mouse </title>
<style type="text/css"> </style>
<script language="javascript">
<!--
function popUp(evnt,obj)
{}
-->
</script>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
function microsoftMouseMove() {
newX=window.event.x;
newY=window.event.y;
document.getElementById('itemopen1').style.left=newX+20;
document.getElementById('itemopen1').style.top=newY+10;document.test.x.value = window.event.x;
document.test.y.value = window.event.y;
document.forms[0].style.visibility='visible';
document.getElementById('itemopen1').style.visibility='visible';
}
function microsoftMouseOut() {}
</SCRIPT><div id="itemopen1" style=" border:#FF0000 1px solid; visibility:hidden; width:200px; height:100px; position:absolute;">
<FORM NAME="test" style="visibility:hidden;">
X: <INPUT NAME="x" SIZE="4"> Y: <INPUT NAME="y" SIZE="4">
</FORM>
</div><div id="div2" style=" border:#FF0000 1px solid; width:200px; height:100px;"
 onmousemove="microsoftMouseMove();"
 onMouseOut="document.getElementById('itemopen1').style.visibility='hidden';document.forms[0].style.visibility='hidden';"></div>
</body>
</html>