俄罗斯方块html

View Code 
  1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2 <html>
  3 <head>
  4     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
  5     <title>JsTetris    - javascript tetris - open source</title>
  6     <meta http-equiv="Content-Type"    content="text/html;    charset=utf-8">
  7     <link href="tetris.css"    rel="stylesheet" type="text/css">
  8     <link href="tetris.ico" rel="shortcut icon">
  9     <script    type="text/javascript" src="tetris.js"></script>
 10     <style type="text/css">
 11     html, body { height: 100%; }
 12     #tetris    { margin: 0    auto; }
 13     </style>
 14 </head>
 15 <body>
 16 
 17 <table style="width: 100%; height: 100%;" cellspacing="0" cellpadding="0"><tr><td style="vertical-align: middle;">
 18 
 19     <div id="tetris">
 20         <div class="left">
 21             <h1><a href="http://www.gosu.pl/tetris/">Js    Tetris 1.19</a></h1>
 22             <div class="menu">
 23                 <div><a href="javascript:void(0)" id="tetris-menu-start">New Game</a></div>
 24                 <div id="tetris-pause">
 25                     <a href="javascript:void(0)" id="tetris-menu-pause">Pause</a>
 26                 </div>
 27                 <div style="display: none;" id="tetris-resume">
 28                     <a href="javascript:void(0)" id="tetris-menu-resume">Resume</a>
 29                 </div>
 30                 <div><a href="javascript:void(0)" id="tetris-menu-highscores">Highscores</a></div>
 31                 <div><a href="javascript:void(0)" id="tetris-menu-help">About</a></div>
 32             </div>
 33             <div id="tetris-nextpuzzle"></div>
 34             <div id="tetris-gameover">Game Over</div>
 35             <div id="tetris-keys">
 36                 <div class="h5">Keyboard:</div>
 37                 <table cellspacing="0" cellpadding="0">
 38                 <tr>
 39                     <td>Rotate:</td>
 40                     <td></td>
 41                     <td><img src="key-up.gif" width="14" height="14" alt=""></td>
 42                     <td></td>
 43                 </tr>
 44                 <tr>
 45                     <td>Move:</td>
 46                     <td><img src="key-left.gif" width="14" height="14" alt=""></td>
 47                     <td><img src="key-down.gif" width="14" height="14" alt=""></td>
 48                     <td><img src="key-right.gif" width="14" height="14" alt=""></td>
 49                 </tr>
 50                 <tr>
 51                     <td>Fall:</td>
 52                     <td colspan="3">
 53                         <img src="key-space.gif" width="44" height="13" alt="">
 54                     </td>
 55                 </tr>
 56                 </table>

 57             </div>
 58             <div class="stats">
 59                 <div class="h5">Statistics:</div>
 60                 <table cellspacing="0" cellpadding="0">
 61                 <tr>
 62                     <td    class="level">Level:</td>
 63                     <td><span id="tetris-stats-level">1</span></td>
 64                 </tr>
 65                 <tr>
 66                     <td    class="score">Score:</td>
 67                     <td><span id="tetris-stats-score">0</span></td>
 68                 </tr>
 69                 <tr>
 70                     <td    class="lines">Lines:</td>
 71                     <td><span id="tetris-stats-lines">0</span></td>
 72                 </tr>
 73                 <tr>
 74                     <td    class="apm">APM:</td>
 75                     <td><span id="tetris-stats-apm">0</span></td>
 76                 </tr>
 77                 <tr>
 78                     <td    class="time">Time:</td>
 79                     <td><span id="tetris-stats-time">0</span></td>
 80                 </tr>
 81 
 82                 </table>
 83             </div>
 84         </div>
 85         <div class="left-border"></div>
 86         <div id="tetris-area">
 87             <div class="grid1"></div>
 88             <div class="grid2"></div>
 89             <div class="grid3"></div>
 90             <div class="grid4"></div>
 91             <div class="grid5"></div>
 92             <div class="grid6"></div>
 93         </div>
 94         <div id="tetris-help" class="window">
 95             <div class="top">
 96                 About <span id="tetris-help-close" class="close">x</span>
 97             </div>
 98             <div class="content" style="margin-top:    1em;">
 99                 <div style="margin-top:    1em;">
100                 <div>JsTetris is a highly customizable tetris game written in javascript,
101                 full sources available, it is free to modify.
102                 </div>
103                 <br>
104                 <div>Author: Cezary Tomczak</div>
105                 <div>Site: <a href="http://www.gosu.pl/tetris/">www.gosu.pl/tetris/</a></div>
106                 <br>
107                 <div>License: BSD revised (free for any use)</div>
108                 </div>
109             </div>
110         </div>
111         <div id="tetris-highscores"    class="window">
112             <div class="top">
113                 Highscores <span id="tetris-highscores-close" class="close">x</span>
114             </div>
115             <div class="content">
116                 <div id="tetris-highscores-content"></div>
117                 <br>
118                 Note: these    scores are kept    in cookies,    they are only visible to your computer.
119             </div>
120         </div>
121     </div>
122 
123 </td></tr></table>
124 
125     <script    type="text/javascript">
126     var tetris = new Tetris();
127     tetris.unit = 14;
128     tetris.areaX = 12;
129     tetris.areaY = 22;
130     </script>
131 
132 </body>
133 </html>

 

posted @ 2013-04-25 22:52  诗意花  阅读(190)  评论(0)    收藏  举报