便利eelife Java Script

   戻る

画像が浮遊します。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="setInterval('move()',100);">
<DIV style="position : absolute; visibility : visible;
left : 0px;
top : 0px;
width : 158px;
height : 14px;
z-index : 1;
" id="Hosi"><IMG src="../rogo_java.gif" width="150" height="20" border="0" align="left"><FONT size="3">★</FONT></DIV>
</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 = 10; // 惰性の度合い

function move(){
screen_W= document.body.clientWidth; //今開いているページの横幅(右端の位置)
screen_H= document.body.clientHeight; //今開いているページの高さ(下端の位置)

// 乱数を発生
M_x=Math.floor(Math.random()*screen_W); // 水平座標,
M_y=Math.floor(Math.random()*screen_H); // 垂直座標
i = Math.floor(Math.random()*clrs.length);

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 (-10> Ly_left){i_x= 1};
if (-10> 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]; // 星の色を変えます
}

// -->
</SCRIPT>
コメント