JavaScript
ポインターの動きに画像が追従
以下、スタイル定義とJavaScriptでの関数はheadタグにおきます。
スタイルシートを定義します。
クラス名をmovieと定義、位置は絶対位置とし、とりあえず、座標は（0，0）とします。
<style><!-- .movie{position:absolute;left:0;top:0;} --></style>
イベント（今回はマウスの動き）の座標を基準に、画像（gifファイル）の位置を指定します。
<script language="JavaScript"><!--
function move(){x=event.clientX;y=event.clientY;
document.all.P1.style.posLeft=x-10;document.all.P1.style.posTop=y-40;}
//--></script>
bodyタグ部分です。
bodyタグ宣言部分でmove関数がマウスを動かすことで発生させるように定義します。
<body onmousemove="move()">
bodyタグ内に行揃え（div）タグのスタイルを『movie』スタイルと宣言し、画像を置きます。
<div id="P1" class="movie"><img src="../../hand2.gif"></div>
ただ、画面がスクロールした場合、clientX、clientYはそのままのためポインターから画像が
離れてしまうので、ページをスクロールしない大きさにする必要があります。ちょっと不便？
と言うか、しばらくすると、かなり、うっとうしい？じゃまくさい？イライラ？・・・
