マウスストーカー5■画像D■ 浮きたいマウス -雛形倶楽部-    UP日時 : 2016/05/15

マウスを画面の端に置くと、画像がマウスから離れます。

●2016/05/15:即時関数で囲んで、グローバル変数を消しました。

■文字がマウスから離れるJavaScriptはこちら→ マウスストーカー9■文字■遊びたいマウス -雛形倶楽部-

上記を、文字から画像へ改造しました。
複数画像使用のマウスストーカーの JavaScript で、画面の上下左右の端っこにマウスを置くと、画像がマウスから離れて、画面の中で勝手に踊りだします。
マウスを画面の真ん中に置くと、再びマウスストーカーになります。
使用しているのは「マッシュルーム」の画像ですが、マウスから離れて浮遊している姿は、まるで「モスラ」のよう。
なんだか動物のような、不思議なマウスストーカーです。

改造元は、マウスに付いた文字がだんだん大きくなりますが、見本はだんだん小さくなります。
小さくする比率が大き過ぎて、最後方の画像サイズがマイナス値にならないように注意して下さい。
最初に表示する画像サイズは、使用画像の実寸ではありません。最初に表示したい画像サイズになります。

■画像が実寸表示のJavaScriptはこちら→ マウスストーカー6■画像D■泳ぎたいマウス(実寸)-雛形倶楽部-