game.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
  1. <html>
  2. <head>
  3. <STYLE type="text/css">
  4. <!--
  5. A { text-decoration:none; color:white; }
  6. A:visited { text-decoration:none; color:white; }
  7. body {margin: 0 0 0 0;}
  8. -->
  9. </STYLE>
  10. <script language="javascript">
  11. <!--
  12. var p = new Array();
  13. var po = new Array();
  14. var picData = new Array(0,1,100,2,200,3,300,4,400,5,500,6,600,7,700,8,800,9,900,10,1000,11,1100,12,1200);
  15. var picInfo = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
  16. function preload(imgName, imgSrc){
  17. if (document.images){
  18. eval(imgName + ' = new Image()')
  19. eval(imgName+'.src = "'+imgSrc+'"')
  20. }
  21. }
  22. preload ('p1', 'shibd.gif');
  23. preload ('p2', 'bibd.gif');
  24. preload ('p3', 'shubd.gif');
  25. preload ('p4', 'zhebd.gif');
  26. preload ('p5', 'wobd.gif');
  27. preload ('p6', 'ta2bd.gif');
  28. preload ('p7', 'mabd.gif');
  29. preload ('p8', 'nibd.gif');
  30. preload ('p9', 'ta3bd.gif');
  31. preload ('p10', 'ta1bd.gif');
  32. preload ('p11', 'na3bd.gif');
  33. preload ('p12', 'dabd.gif');
  34. preload ('p100', 'shibd1.gif');
  35. preload ('p200', 'bibd1.gif');
  36. preload ('p300', 'shubd1.gif');
  37. preload ('p400', 'zhebd1.gif');
  38. preload ('p500', 'wobd1.gif');
  39. preload ('p600', 'ta2bd1.gif');
  40. preload ('p700', 'mabd1.gif');
  41. preload ('p800', 'nibd1.gif');
  42. preload ('p900', 'ta3bd1.gif');
  43. preload ('p1000', 'ta1bd1.gif');
  44. preload ('p1100', 'na3bd1.gif');
  45. preload ('p1200', 'dabd1.gif');
  46. preload ('blankdot', 'blankdot.gif');
  47. var y;
  48. var temp;
  49. for (x=1; x<=24; x++){
  50. y = Math.round(Math.random()*(24-1))+1;
  51. temp = picData[x];
  52. picData[x] = picData[y];
  53. picData[y] = temp;
  54. }
  55. var temp1=0;
  56. var index1=0;
  57. var counter=0
  58. var condition =0;
  59. var s1;
  60. var s2;
  61. var rem;
  62. var ready = true;
  63. var soundindex = "sound12";
  64. var game_start = false;
  65. function checkit(x){
  66. if (game_start == false){
  67. tellTime();
  68. game_start = true;
  69. }
  70. if (picInfo[x]== 0 && ready==true){
  71. if (temp1==0){
  72. temp1 = picData[x];
  73. eval("document.pic" + x + ".src = p" + temp1 + ".src;");
  74. index1 = x;
  75. }
  76. else{
  77. if (index1 != x){
  78. if (picData[x] == temp1 * 100 || picData[x] == temp1/100){
  79. eval("document.pic" + x + ".src = p" + picData[x] + ".src;");
  80. eval("document.pic" + index1 + ".src = p" + temp1 + ".src;");
  81. temp1 = 0;
  82. picInfo[index1] = 1;
  83. picInfo[x] = 1;
  84. counter++;
  85. }
  86. else{
  87. temp1 = 0;
  88. rem = x;
  89. condition = 0;
  90. delay();
  91. }
  92. }
  93. }
  94. if (counter == 12){
  95. if (h==0 && m<10)
  96. alert("Great! \n" +hinfo + minfo + sinfo);
  97. else
  98. alert("Good! \n" +hinfo + minfo + sinfo);
  99. ready = false;
  100. timeCondition = false;
  101. }
  102. }
  103. }
  104. function delay(){
  105. if (condition == 0){
  106. eval("document.pic" + rem + ".src = p" + picData[rem] + ".src;");
  107. condition = 1;
  108. ready = false;
  109. setTimeout("delay()", 300);
  110. }
  111. else{
  112. eval("document.pic" + rem + ".src = blankdot.src;");
  113. eval("document.pic" + index1 + ".src=blankdot.src;");
  114. ready = true;
  115. }
  116. }
  117. //-->
  118. </script>
  119. </head>
  120. <body marginwidth="0" marginheight="0" onResize="window.location.href = window.location.href;">
  121. <table CELLPADDING="0" CELLSPACING="0" BORDER="0" border="0" bgcolor="#330099" height="8">
  122. <tr>
  123. <td NOWRAP="1" VALIGN=CENTER bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a href="../../welcome.html">Home </a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>
  124. <td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a href="../../../China/china.html">China Index</a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>
  125. <td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a href="../../topics/topics.html">Topics </a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>
  126. <td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a
  127. href="../games.html">Games</a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>
  128. <td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1" color="#CCCC00">Characters No Sound </font>&nbsp;&nbsp;<font size+1></font></td>
  129. </tr>
  130. </table>
  131. <center>
  132. <b><font face="Verdana"><font color="#000099"><font size=-2>Patience please. Wait until the web page finishes loading before you click on the game.<br>
  133. You can continue to play off-line as long as your web browser is open.<br>Hit "Reload" on your browser to play again.<br><br>
  134. There is no sound in this game!
  135. </font></font></font></b>
  136. <br>
  137. <b><i><font face="Times New Roman,Times"><font color="#006600"><font size=+1>Enjoy!!!</font></font></font></i></b>
  138. <br>
  139. <br>
  140. <table border=1 BGCOLOR="#339933" >
  141. <tr>
  142. <td><a href="javascript:checkit(1)"><img src="blankdot.gif" border=0 name="pic1" width=64 height=64></a></td>
  143. <td><a href="javascript:checkit(2)"><img src="blankdot.gif" border=0 name="pic2" width=64 height=64></a></td>
  144. <td><a href="javascript:checkit(3)"><img src="blankdot.gif" border=0 name="pic3" width=64 height=64></a></td>
  145. <td><a href="javascript:checkit(4)"><img src="blankdot.gif" border=0 name="pic4" width=64 height=64></a></td>
  146. <td><a href="javascript:checkit(5)"><img src="blankdot.gif" border=0 name="pic5" width=64 height=64></a></td>
  147. </tr>
  148. <tr>
  149. <td><a href="javascript:checkit(6)"><img src="blankdot.gif" border=0 name="pic6" width=64 height=64></a></td>
  150. <td><a href="javascript:checkit(7)"><img src="blankdot.gif" border=0 name="pic7" width=64 height=64></a></td>
  151. <td><a href="javascript:checkit(8)"><img src="blankdot.gif" border=0 name="pic8" width=64 height=64></a></td>
  152. <td><a href="javascript:checkit(9)"><img src="blankdot.gif" border=0 name="pic9" width=64 height=64></a></td>
  153. <td><a href="javascript:checkit(10)"><img src="blankdot.gif" border=0 name="pic10" width=64 height=64></a></td>
  154. </tr>
  155. <tr>
  156. <td><a href="javascript:checkit(11)"><img src="blankdot.gif" border=0 name="pic11" width=64 height=64></a></td>
  157. <td><a href="javascript:checkit(12)"><img src="blankdot.gif" border=0 name="pic12" width=64 height=64></a></td>
  158. <td><img src="13_11a1_200.gif" border=0 width=64 height=64></td>
  159. <td><a href="javascript:checkit(13)"><img src="blankdot.gif" border=0 name="pic13" width=64 height=64></a></td>
  160. <td><a href="javascript:checkit(14)"><img src="blankdot.gif" border=0 name="pic14" width=64 height=64></a></td>
  161. </tr>
  162. <tr>
  163. <td><a href="javascript:checkit(15)"><img src="blankdot.gif" border=0 name="pic15" width=64 height=64></a></td>
  164. <td><a href="javascript:checkit(16)"><img src="blankdot.gif" border=0 name="pic16" width=64 height=64></a></td>
  165. <td><a href="javascript:checkit(17)"><img src="blankdot.gif" border=0 name="pic17" width=64 height=64></a></td>
  166. <td><a href="javascript:checkit(18)"><img src="blankdot.gif" border=0 name="pic18" width=64 height=64></a></td>
  167. <td><a href="javascript:checkit(19)"><img src="blankdot.gif" border=0 name="pic19" width=64 height=64></a></td>
  168. </tr>
  169. <tr>
  170. <td><a href="javascript:checkit(20)"><img src="blankdot.gif" border=0 name="pic20" width=64 height=64></a></td>
  171. <td><a href="javascript:checkit(21)"><img src="blankdot.gif" border=0 name="pic21" width=64 height=64></a></td>
  172. <td><a href="javascript:checkit(22)"><img src="blankdot.gif" border=0 name="pic22" width=64 height=64></a></td>
  173. <td><a href="javascript:checkit(23)"><img src="blankdot.gif" border=0 name="pic23" width=64 height=64></a></td>
  174. <td><a href="javascript:checkit(24)"><img src="blankdot.gif" border=0 name="pic24" width=64 height=64></a></td>
  175. </tr>
  176. </table>
  177. </center>
  178. <script language="javascript">
  179. <!--
  180. var h=0;
  181. var hinfo = "";
  182. var m=0;
  183. var minfo = "";
  184. var s=-1;
  185. var sinfo = "";
  186. var timeCondition = true;
  187. function tellTime(){
  188. s++;
  189. if (s>=60){
  190. s = 0;
  191. m++;
  192. }
  193. else{
  194. if (s<=1)
  195. eval("sinfo = '" + s + " second'");
  196. else
  197. eval("sinfo = '" + s + " seconds'");
  198. }
  199. if (m>=60){
  200. m = 0;
  201. h++;
  202. }
  203. else{
  204. if (m<=1)
  205. eval("minfo = '" + m + " minute '");
  206. else
  207. eval("minfo = '" + m + " minutes '");
  208. }
  209. if (h<=1)
  210. eval("hinfo = '" + h + " hour '");
  211. else
  212. eval("hinfo = '" + h + " hours '");
  213. window.status = hinfo + minfo + sinfo;
  214. if (timeCondition == true)
  215. setTimeout("tellTime()", 1000);
  216. }
  217. //-->
  218. </script>
  219. </body>
  220. </html>