マウスストーカー１■画像■　画像１個で１個

●2016/01/24：即時関数で囲んで、グローバル変数を消しました。
こんなに短いJavaScriptで、ブラウザFirefoxに対応していて、HTML5でも動作するとは！！。
Firefox対応のマウスストーカーは、なかなか珍しいのです。
面白いモノを発見しても、Firefoxでは動かなくて紹介できないことが多い…。
2015/02/04：画像指定を、JavaScriptのソースの中で指定できるように修正しました。
2016/09/22：位置指定をしやすいように修正。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>マウスストーカー１■画像■　画像１個で１個</title>

<style type="text/css"><!--
body{ background:#000; color:#fff;}/*★背景色黒色　文字色白色指定。不要なら削除*/
--></style>

</head>
<body>

<!--★コピーここから-->
<script type="text/javascript"><!--
/*============================================================
画像１個マウスストーカー　参考サイト : http://www5e.biglobe.ne.jp/~purest/javascript/index.html
=============================================================*/
(function (){  //即時関数で囲んでグローバル変数を消すため、この行はこのままで

var mga="hpo1.gif"; //★画像指定
var hx=15;          //★表示位置 x座標。マウスと画像の横位置。マイナスで左
var hy=30;          //★表示位置 y座標。マウスと画像の縦位置。マイナスで上

//指定ここまで--------------------------------------------------------------
document.onmousemove=function (e){ var ob=document.getElementById("Mo").style; ob.left=e.pageX+hx+"px"; ob.top=e.pageY+hy+"px";}
document.write("<img src="+mga+" id='Mo' style='position:absolute;'>");
}());//即時関数終了
// --></script>
<!--★コピーここまで-->

</body>
</html>

マウスストーカー１■画像■ 画像１個で１個 最終修正日 : 2016/09/22

　マウスストーカー１■画像■　画像１個で１個　　　　最終修正日 : 2016/09/22