<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<300){ setTimeout("idou()",1000); 

　　　　　　　document.myform.tensu.value=py; }

}


function kaishi(){

　py=70;

　px=30;

　sy=10;

　sx=-10;

　document.ball.style.top = py;

　document.ball.style.left = px;


　setTimeout("idou()",1000);

}


// --></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>