マウスクリックした位置に画像を移動する      
Sample
ここをクリックして新しいウインドウを開いてください。

ソース
<HTML>
<HEAD>
<TITLE>Java-Script</TITLE>

<SCRIPT language="JavaScript">
<!--
if(document.layers){document.captureEvents(Event.IMGMOVE);}
document.onclick=moveImg;
function moveImg(theEvent){
  if(navigator.userAgent.indexOf("MSIE 4.")>=0){
    myImage.style.pixelLeft=event.x+0;
    myImage.style.pixelTop=event.y+0;
  }else if(navigator.userAgent.indexOf("MSIE 5.")>=0){
    myImage.style.pixelLeft=document.body.scrollLeft+event.x+0;
    myImage.style.pixelTop=document.body.scrollTop+event.y+0;
  }else if(document.layers){
    document["myImage"].left=theEvent.pageX+0;
    document["myImage"].top=theEvent.pageY+0;
    document.routeEvent(theEvent);
  }
}
//-->
</SCRIPT>

</HEAD>
<BODY bgcolor=white>
<DIV id="myImage" style="position:absolute;left:0;top:0;">
<IMG src="mouse.gif"></DIV>
<font color=blue>
    左上のイメージが、マウスクリックしたところに移動します。<br>
    ( マウスの左ボタンを押してください。 )
</font>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
</BODY>
</HTML>
ワンポイント解説
Netscapeの場合は、document.layers になります。