便利eelife Java Script

   戻る

マウスの跡を惰性で移動します。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="setInterval('move()',90)">
<DIV style="position : absolute; visibility : visible;" id="Hosi"><FONT size="6">★</FONT></DIV>
<FORM name="myForm"><INPUT size="45" type="text" name="tBox"></FORM>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
clrs = new Array('lime','maroon','blue','fuchsia','yellow','red','aqua'); // 色の配列
M_x = M_y = i_x = i_y = Ly_left = Ly_Top = i = 0;
Loop = 15;  // 惰性の度合い
document.onmousemove=act;
function act(){
M_x=event.x;  //ポインタの水平座標,
M_y=event.y;  //ポインタの垂直座標

}
function move(){
i = Math.floor(Math.random()*i_x);  // 乱数を発生

if(Ly_left < M_x){i_x++};
else{i_x--};
if(Ly_Top < M_y) { i_y++};
else{i_y--};
if (i_x > Loop){i_x = Loop};
if (i_y > Loop){i_y = Loop};
if (-100> Ly_left){i_x= 1};
if (-100> Ly_Top){i_y = 1};

Ly_left += i_x;  // i_x , i_y は Ly_left , Ly_Top を制御するカウンタ変数
Ly_Top += i_y;
document.all["Hosi"].style.left= Ly_left;    //星の左からの位置 
document.all["Hosi"].style.top = Ly_Top;  //星の上からの位置
document.all["Hosi"].style.color = clrs[i];  //  星の色を変えます

document.myForm.tBox.value= '  Ly_left='+Ly_left+' Ly_Top='+Ly_Top; //星の位置の表示,別に必要なし
}

// -->
</SCRIPT>
コメント
setInterval(処理関数, 時間間隔) : 決まった時間間隔で実行される関数を実行します。
時間間隔は千分の一秒単位です。

Math.floor(Math.random()*i_x)
event.x event.y
色見本