<HTML>

<HEAD>

<TITLE>テニスゲームの制作</TITLE>


<script language="JavaScript"><!--


function idou(){

　py=py+sy;

　px=px+sx;

　document.ball.style.top = py;

　document.ball.style.left = px;


　if(px==10) sx=10;

  if(py<=50) sy=10;

　if(py+20>=350) sy=-10;

　if(px+20>=380) sx=-10;


　setTimeout("idou()",500); 


}


function kaishi(){

　py=70;

　px=30;

　sy=10;

　sx=-10;

　document.ball.style.top = py;

　document.ball.style.left = px;


　setTimeout("idou()",500);

}


function bar_move()

{

　　k=event.keyCode;

　　document.myform.tensu.value=k;


}


window.document.onkeydown=bar_move;


// --></script>


</HEAD><BODY>

<H2>* テニスゲーム その５(例７） *</H2><p>


<IMG SRC="court.jpg" NAME="court" style="position:absolute;top:50px;left:10px;">

<IMG SRC="ball.jpg" NAME="ball" style="position:absolute;top:70px;left:30px;">

<IMG SRC="racket.jpg" NAME="racket" style="position:absolute;top:100px;left:380px;">


<DIV style="width : 400px;height : 100px;top : 370px;left : 20px;  

  position : absolute; z-index : 1; visibility : visible;" id="Layer1">


<FORM NAME="myform">


<INPUT TYPE="button" VALUE="スタート" onClick="kaishi()"><P>


↑＊ [Ｊ] Key <BR>

↓＊ [Ｎ] Key <P>


SCORE : <INPUT TYPE="TEXT" NAME="tensu"><BR>

MISS : <INPUT TYPE="TEXT" NAME="misu">


</FORM></DIV></BODY></HTML>