簡単なマウスストーカー（画像）

★　簡単なマウスストーカー（画像）


①　フリープラグインへ追記する。（★は画像のＵＲＬを入れる）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
var x_mstk=20;var y_mstk=20; // カーソルからの画像の位置
$('body').append('<img src="★" id="mstk" style="position:absolute;z-index:9999 !important;left:300px;top:300px;">'); // 画像ＵＲＬ
var mstko=document.getElementById("mstk").style;
if(window.addEventListener){
window.addEventListener("mousemove",m_stalker2_func,false)
}else{
if(window.attachEvent&&document.getElementById){
document.attachEvent("onmousemove",m_stalker2_func)}}
function m_stalker2_func(evt){
mstko.top=evt.pageY+y_mstk+"px";
mstko.left=evt.pageX+x_mstk+"px";
}
</script>

◆　説明

・　下記はフリープラグインの先頭に１つあればＯＫです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>

・　画像は背景が透明な画像を使うこと。

・　下記の行はカーソルからの画像の位置を px で指定します。
　　下記は、水平位置（x_mstk）が　20px 垂直位置（y_mstk）が　20px を指定しています。

var x_mstk=20;var y_mstk=20; // カーソルからの画像の位置