<img src="csdn.gif" onmousemove="test(this)">
x:<input name=x size=4>y:<input name=y size=4>
imgX:<input name=mx size=4>imgY:<input name=my size=4>
<script language="JavaScript">
<!--
function test(o){
var tem=o;
l=tem.offsetLeft;
t=tem.offsetTop;
while(tem=tem.offsetParent){
l+=tem.offsetLeft;
t+=tem.offsetTop;
}
x.value=l;
y.value=t;
mx.value=event.offsetX;
my.value=event.offsetY;
}
//-->
</script>
x:<input name=x size=4>y:<input name=y size=4>
imgX:<input name=mx size=4>imgY:<input name=my size=4>
<script language="JavaScript">
<!--
function test(o){
var tem=o;
l=tem.offsetLeft;
t=tem.offsetTop;
while(tem=tem.offsetParent){
l+=tem.offsetLeft;
t+=tem.offsetTop;
}
x.value=l;
y.value=t;
mx.value=event.offsetX;
my.value=event.offsetY;
}
//-->
</script>
<img src="http://expert.csdn.net/images/csdn.gif" width="150" height="70" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="27,26,90,53" href="#" onmouseover="alert('你已经把鼠标移动到了热点上')">
</map>