マウスの横に常に画像を表示させるには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#myChar {
position:absolute;
left:0px;
top:0px;
}
--></style>
<script type="text/javascript"><!--
function setCharacterXY(evt)
{
if (document.all)
{
x = event.x;
y = event.y;
}else{
x = evt.pageX;
y = evt.pageY;
}
document.getElementById("myChar").style.left = x + 16;
document.getElementById("myChar").style.top = y + 16;
}
document.onmousemove = setCharacterXY;
// --></script>
</head>
<body>
マウスの右下に画像を表示させます。<br><br>
<img src="char.gif" id="myChar">
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。