マウスポインタの横に画像を表示する

■動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows ○ - ○ ○ ○ × ×
Macintosh ○ ○ ○ - - × ×
UNIX - - - - - × ×

解　　説 　マウスポインタの横に画像を表示するにはbodyタグのonmousemoveイベントを検知し指定した画像の座標を設定します。設定するマウス座標はeventオブジェクトのx,yプロパティに入っています。
コード <html> <head> <title>マウスポインタの横に画像を表示する</title> <script language="JavaScript"> <!-- function setCharXY(){ myChar.style.left = event.x + 16; myChar.style.top = event.y + 4; } // --> </script> </head> <body onmousemove="setCharXY()"> マウスポインタの横に画像を表示する<br> <img src="char.gif" id="myChar" style="position:absolute"> </body> </html>

■サンプルスクリプトを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!