站长论坛

标题: js的俄罗斯方块游戏 [打印本页]

作者: tznktg 时间: 2007-10-6 10:38
标题: js的俄罗斯方块游戏
<html>
<head>
  <title>
俄罗斯方块游戏
  </title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body>
  <STYLE>
BODY
{
   BACKGROUND: black; MARGIN: 0px
}
td
{
   height: 20px; width: 20px; font-family: 宋体; color: #FFFFFF; font-size: 9pt
}
#block_div
{
   POSITION: absolute; WIDTH: 80px; Z-INDEX: 1
}
#table_div
{
   POSITION: absolute; WIDTH: 320px
}
#nblock_div
{
   COLOR: red; FONT: 48px system; POSITION: absolute; Z-INDEX: 2
}
#title_div
{
   COLOR: white; FONT-SIZE: 22px; LEFT: 326px; POSITION: absolute; TOP: 7px
}
#infobar_div
{
   LEFT: 396px; POSITION: absolute; TOP: 416px
}
#infobar2_div
{
   COLOR: white; FONT-SIZE: 14px; LEFT: 396px; POSITION: absolute; TOP: 480px
}
#infobar2_div A
{
   COLOR: #99ccff; TEXT-DECORATION: none
}
  </STYLE>

  <script id=clientEventHandlersJS language=javascript>
  
  </script>

  <script event=onkeydown for=document language=javascript>
  
  </script>

  <DIV id=block_div style="LEFT: 60px; TOP: 0px">
<TABLE border=0 cellPadding=0 cellSpacing=0 id=block_tbl>
   <script>
      //描述左边游戏区的积木块的属性
      if(document.all)
      {
      for(var i=0;i<4;i++)
      {
         document.write("<tr>");
         for(var j=0;j<4;j++)
         {
            document.write("<td style=\"border:1 solid black;\"></td>");
         }
         document.write("</tr>");
      }
      }
   </script>
   <TBODY>
   </TBODY>
</TABLE>
  </DIV>
  <DIV id=nblock_div>
<TABLE border=0 cellPadding=0 cellSpacing=0 id=nblock_tbl>
   <script>
      //描述右边显示区的积木块的属性
      if(document.all)
      {
      for(var i=0;i<4;i++)
      {
         document.write("<tr>");
         for(var j=0;j<4;j++)
         {
            document.write("<td style=\"height:40;width:40;border:1 outset black;\"></td>");
         }
         document.write("</tr>");
      }
      }
   </script>
   <TBODY>
   </TBODY>
</TABLE>
  </DIV>
  <DIV id=table_div>
<TABLE border=0 cellPadding=0 cellSpacing=0 id=table_tbl>
   <script>
      //描述游戏区
      if(document.all)
      {
      for(var i=0;i<22;i++)
      {
         document.write("<tr>");
         for(var j=0;j<16;j++)
         {
            var d2 = i * 16 + j;
            if(table[d2]==1)
            document.write("<td bgcolor=navy></td>");
            else
            document.write("<td style=\"background:black;\"></td>");
         }
         document.write("</tr>");
      }
      }
   </script>
   <TBODY>
   </TBODY>
</TABLE>
  </DIV>
  <DIV id=title_div noWrap>
请输入数字(1-9)来调整速度：
<INPUT id=speedin size=8>

<BUTTON id=but onclick=begintet()>
   开始
</BUTTON>
  </DIV>
  <DIV id=infobar_div>
<TABLE border=1 borderColor=navy cellPadding=0 cellSpacing=0>
   <TBODY>
      <TR align=middle>
      <TD style="COLOR: #99ccff; FONT: 12px system; WIDTH: 56px">
         <font size="2">
            速度
         </font>
         :
      </TD>
      <TD id=spd style="COLOR: red; FONT: 12px system">
         1
      </TD>
      <TD style="COLOR: #99ccff; FONT: 12px system; WIDTH: 86px">
         总分：
      </TD>
      <TD id=sco style="COLOR: red; FONT: 12px system">
         0
      </TD>
      <TD style="COLOR: #99ccff; FONT: 12px system; WIDTH: 96px">
         成绩:
      </TD>
      <TD id=cll style="COLOR: red; FONT: 12px system">
         0
      </TD>
      </TR>
   </TBODY>
</TABLE>
  </DIV>
  <DIV id=infobar2_div>
  </DIV>
  <script id=MainSection language=javascript>
  
  </script>
</body>
</html>

欢迎光临站长论坛 (http://www.tzlink.com/bbs/)