<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>

解决方案 »

  1.   

    <img src="" onmousemove="status='picture postion:' + event.clientX + ',' + event.offsetX">
      

  2.   

    或者谁告诉我    如何制造图片热点的mousemove事件?
      

  3.   

    热点的要放在area标签里面,如下
    <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>