マウスカーソルを追いかける画像

Gaiax のページでマウスカーソルを追いかけるように
画像が動いているのを見かけることがあります。
ここでは、マウスカーソルを追いかけるように画像を
プラウザ上に表示するソースを書いておきます。
     


Gaiaxページの編集画面から「お知らせ欄」に下のソースを編集してコピー&ペーストで貼り付けてください。

下のタグを編集する前に、
左の heli_le(左向きヘリ)と heli_ri(右向きヘリ) の画像を Gaiax の「画像アップローダー」にアップして
画像にアドレス(URL)を付けておきます。
heli_le heli_ri

<BODY>
<IMG SRC="
画像URL heli_le.gif" STYLE="position:absolute;visibility:hidden;top:0;left:0" ID=img1>
<IMG SRC="画像URL 
heli_ri.gif" STYLE="position:absolute;visibility:hidden;top:0;left:0" ID=img2>

<SCRIPT LANGUAGE="JavaScript">
<!--
var x,y,oldx,oldy;
document.onmousemove = heli_move
function heli_move(){
oldx=x;
oldy=y;
x=document.body.scrollLeft+window.event.clientX;
y=document.body.scrollTop+window.event.clientY;
if(oldx<=x){
img1.style.visibility="hidden";
img2.style.visibility="visible";
img2.style.left=x-60;
img2.style.top=y+10;
}
else{
img1.style.visibility="visible";
img2.style.visibility="hidden";
img1.style.left=x+20;
img1.style.top=y+10;
}
}
//-->
</SCRIPT>