マウスストーカーについて
こんばんは。
今自作しているホームページにマウスストーカーを付けたいと思いまして、
サンプルのあるサイトから以下のソースをコピペしました。
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY onLoad="ImageMove()">
<IMG id="img1" src="画像.gif" style="position:absolute; left:-30px; top:-30px;">
<SCRIPT type="text/javascript">
<!--
var ix=-30, iy=-30;
var mx=0, my=0;
document.onmousemove = MouseMove;
function MouseMove() {
mx=event.clientX;
my=event.clientY;
}
function ImageMove() {
ix=ix+(mx-ix)/20;
iy=iy+(my-iy)/20;
img1.style.left = ix + "px";
img1.style.top = iy + "px";
setTimeout("ImageMove()",10);
}
// -->
</SCRIPT>
</BODY>
</HTML>
JavaScriptについては勉強中でして、このソースに、画像がカーソルに近付いたときの距離を指定したいのですが、
どこにどういった指示を付け加えたらいいのかが判りません・・・。
このままだとカーソルにぴったり重なってしまうので、
カーソルの右側に画像がくる設定にしたいのです。
コレに Point = 50;//マウスから画像の距離設定 を付け加えても
変化がなかったのですが、私のやり方が悪かったのかもしれません。
どうか、ご教授のほどよろしくお願いしますm(__)m
