便利eelife Java Script

   戻る

壁に当たると跳ね返ります。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="format();">
<FORM><INPUT type="button" onclick="stop()" name="botan" value="ストップ"></FORM>
<IMG src="../java/img/a0042.gif" name="myIMG" style="position:absolute;top : 1px;left : 0px;
" border="0" width="21" height="21"><IMG src="dummy.gif" name="myIMG1" style="position:absolute;
top : 400px;
left : 500px;
width : 8px;
height : 80px;
z-index : 1;
background-color : purple;" border="0">
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function format(){
screen_W= document.body.clientWidth - document.myIMG.width;
screen_H= document.body.clientHeight - document.myIMG.height;

i_x = 5; //i_x , i_y は Ly_left , Ly_Top を制御するカウンタ変数
i_y = 4;
img_Left = 100;
img_Top = 400;
img_Height = document.myIMG.height;

Bar_Top=0;
Bar_Left=500;
Bar_Height = document.myIMG1.height;
Count=0;
flag=true;
moveImg()
}

function moveImg()
{
img_Left +=i_x;
img_Top += i_y;
window.status=Count;
document.myIMG.style.left= img_Left;
document.myIMG.style.top = img_Top;

if( img_Top+img_Height> Bar_Top && img_Top < Bar_Top+Bar_Height && img_Left == Bar_Left){i_x=-i_x; Count++;}
if(img_Left<1 || img_Left>screen_W){i_x=-i_x;}
if(img_Top<1 || img_Top>screen_H){i_y=-i_y;}

tmrID = setTimeout("moveImg()",5);
}

function stop()
{
window.clearTimeout(tmrID); // tmrID を止めます。
tmrID = null;
flag=false;
}

window.document.onmousemove = moveBar;

function moveBar(){
if (flag==false) return;
Bar_Top=event.y;
document.myIMG1.style.left = Bar_Left;
document.myIMG1.style.top = Bar_Top;
}

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