Javascript:撞击小游戏 |
| 脚本说明: 第一步:把如下代码加入<body>区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- to hide script contents from old browsers // rev 0.04 var crlf = "rn"; // should determine from browser type var x = 1; var y = 1; var dx = 1; var dy = 1; var s = ""; var u = 0; var oops_flag = false; var score = 0; function move1() { x += dx; if (x > 31) { x -= 2 * Math.abs(dx); if (dx > 0) dx = -dx; } if (x < 0) { x += 2 * Math.abs(dx); if (dx < 0) dx = -dx; } y += dy; if (y > 14) { y -= 2 * Math.abs(dy); if (dy > 0) dy = -dy; if (Math.abs(x - 2*u - 1) > 2) { oops_flag = true; } else { score += 1; } } if (y < 0) { y += 2 * Math.abs(dy); if (dy < 0) dy = -dy; } } function display1() { var s1 = "" var i,j; if (oops_flag) return "对不起,你输了,请重新开始!!!"; for (j=0;j<15;j++) { for (i=0;i<32;i++) { if (j == y && i == x) s1 += "@"; else s1 += "."; } s1 += crlf; } var s2 = "" for (i=0;i<16;i++) { if (u == i) s2 += "===="; else s2 += ".."; } return (s1+s2) } var timerID = null; var timerRunning = false; var myform; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function startclock (form) { myform = form; oops_flag = false; if (navigator.userAgent.indexOf("Mac") > 2) crlf = "n"; // Make sure the clock is stopped stopclock(); dotime(); } function dotime () { move1(); if (myform != null) { myform.text3.value = display1(); myform.score.value = " " + score; } if (!oops_flag) timerID = setTimeout("dotime()",200); timerRunning = true; } // end hiding contents from old browsers --> </SCRIPT> <FORM NAME="myForm" > <TEXTAREA NAME="text3" ROWS=16 COLS=34 WRAP &rt; [游戏区域] </TEXTAREA &rt; <br> Score: <INPUT TYPE="text" NAME="score" SIZE=10 VALUE=0> <p> <a href="#" onMouseOver="u = 0">0</a> <a href="#" onMouseOver="u = 1">1</a> <a href="#" onMouseOver="u = 2">2</a> <a href="#" onMouseOver="u = 3">3</a> <a href="#" onMouseOver="u = 4">4</a> <a href="#" onMouseOver="u = 5">5</a> <a href="#" onMouseOver="u = 6">6</a> <a href="#" onMouseOver="u = 7">7</a> <a href="#" onMouseOver="u = 8">8</a> <a href="#" onMouseOver="u = 9">9</a> <a href="#" onMouseOver="u = 10">10</a> <a href="#" onMouseOver="u = 11">11</a> <a href="#" onMouseOver="u = 12">12</a> <a href="#" onMouseOver="u = 13">13</a> <a href="#" onMouseOver="u = 14">14</a> <a href="#" onMouseOver="u = 15">15</a> <BR><BR> <INPUT TYPE="button" NAME="Button1" VALUE="[开始游戏]" onCLick="startclock(this.form)"> </FORM> 第二步:把<body>区域中的内容改为: <BODY bgcolor="#fef4d9" OnLoad="initgame()"> |