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

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

<SCRIPT language="JavaScript">
<!--
if(document.layers){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove=mv_img;

function mv_img(theEvent){
  if(navigator.userAgent.indexOf("MSIE 4.")>=0){
    this_img.style.pixelLeft=event.x+5;
    this_img.style.pixelTop=event.y+5;
  }else if(navigator.userAgent.indexOf("MSIE 5.")>=0){
    this_img.style.pixelLeft=document.body.scrollLeft+event.x+5;
    this_img.style.pixelTop=document.body.scrollTop+event.y+5;
  }else if(document.layers){
    document["this_img"].left=theEvent.pageX+5;
    document["this_img"].top=theEvent.pageY+5;
    document.routeEvent(theEvent);
  }
}
//-->
</SCRIPT>

</HEAD>
<BODY bgcolor=white>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
<DIV id="this_img" style="position:absolute;left:0;top:0;">
<IMG src=ani_hosi.gif></DIV>
</BODY>
</HTML>
ワンポイント解説
Netscapeの場合は、document.layers になります。
イメージ画像gifファイルを工夫すると、楽しい効果になります。