|
|
| サンプルソース |
|---|
| <!--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> |
| <!--Ｊａｖａｓｃｒｉｐｔ <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 色見本 |