マウスと一緒に移動する画像
動作ブラウザ:[IE4][IE5]
マウスの移動に合わせて画像も移動します。Mac+IE4.xではX座標が14ピクセルずれますので注意が必要です。この場合は画像のX座標から14減算することで補正できます。
マウスの移動イベントはonmousemoveで取得できます。このイベントが発生した時に処理される関数名をwindow.document.onmousemove = 関数名のように記述すればマウスが移動するたびに関数が呼び出されます。呼び出された先の関数ではeventオブジェクトを参照することによりマウス座標を取得することができます。
注意しなければならない点が、もう1つあります。それは移動させたい画像のスタイルシートを指定しないと画像が移動しない点です。STYLE属性かID属性でスタイルシートの指定を必ず行ってください。
■ソースリスト(ポイント部分)
<SCRIPT Language="JavaScript">
<!--
function attachImage()
{
myIMG.style.left= event.x;
myIMG.style.top = event.y;
}
window.document.onmousemove = attachImage;
// -->
</SCRIPT>