📄 字符弹球（将鼠标在字符上移动）.htm

📁 JavaScript特效（新）这里有许多的JAVA特效.供学者参考
💻 HTM
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title></title>
</head>

<body>
 

<BODY onload=initgame()>
<CENTER>
<BR></CENTER>
<SCRIPT language=JavaScript>
function killErrors() {
return true;
}
window.onerror = killErrors;
</SCRIPT>
<CENTER>
  <TABLE borderColor=#000033 border=0 borderlight="green">
    <TBODY> 
    <TR> 
      <TD align=middle> 
        <SCRIPT language=JavaScript>
 var crlf = "\r\n";  
         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;
   }
 </SCRIPT>
        <FORM name=myForm>
          <TEXTAREA name=text3 rows=16 cols=34> [游戏区域]
 </TEXTAREA>
          <BR>
          Score: 
          <INPUT size=10 value=0 name=score>
          <P><A onmouseover="u =  0" 
      href="http://chhsht.51.net/jave/you/you11.htm#">0</A> <A  
      onmouseover="u =  1" href="http://chhsht.51.net/jave/you/you11.htm#">1</A> 
            <A onmouseover="u =  2"  
      href="http://chhsht.51.net/jave/you/you11.htm#">2</A> <A  
      onmouseover="u =  3" href="http://chhsht.51.net/jave/you/you11.htm#">3</A> 
            <A onmouseover="u =  4"  
      href="http://chhsht.51.net/jave/you/you11.htm#">4</A> <A  
      onmouseover="u =  5" href="http://chhsht.51.net/jave/you/you11.htm#">5</A> 
            <A onmouseover="u =  6"  
      href="http://chhsht.51.net/jave/you/you11.htm#">6</A> <A  
      onmouseover="u =  7" href="http://chhsht.51.net/jave/you/you11.htm#">7</A> 
            <A onmouseover="u =  8"  
      href="http://chhsht.51.net/jave/you/you11.htm#">8</A> <A  
      onmouseover="u =  9" href="http://chhsht.51.net/jave/you/you11.htm#">9</A> 
            <A onmouseover="u = 10"  
      href="http://chhsht.51.net/jave/you/you11.htm#">10</A> <A  
      onmouseover="u = 11" 
      href="http://chhsht.51.net/jave/you/you11.htm#">11</A> <A  
      onmouseover="u = 12" 
      href="http://chhsht.51.net/jave/you/you11.htm#">12</A> <A  
      onmouseover="u = 13" 
      href="http://chhsht.51.net/jave/you/you11.htm#">13</A> <A  
      onmouseover="u = 14" 
      href="http://chhsht.51.net/jave/you/you11.htm#">14</A> <A  
      onmouseover="u = 15" 
      href="http://chhsht.51.net/jave/you/you11.htm#">15</A> <BR>
            <BR>
            <INPUT onclick=startclock(this.form) type=button value=[开始游戏] name=Button1>
        </FORM>
      </TD>
    </TR>
    </TBODY> 
  </TABLE>
</CENTER>
<div align="left"></div>
<p><BR>
  <BR></p>

</body>

</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -