fruit2.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <html>
  2. <head>
  3. <meta name="MSSmartTagsPreventParsing" content="TRUE">
  4. <title>Concentration -- Match the Fruit</title>
  5. <STYLE type="text/css">
  6. <!--
  7. A { text-decoration:none; color:white; }
  8. A:visited { text-decoration:none; color:white; }
  9. body {margin: 0 0 0 0;}
  10. -->
  11. </STYLE>
  12. <script language="javascript">
  13. <!--
  14. var p = new Array();
  15. var po = new Array();
  16. var picData = new Array(0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12);
  17. 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);
  18. function preload(imgName, imgSrc){
  19. if (document.images){
  20. eval(imgName + ' = new Image()')
  21. eval(imgName+'.src = "'+imgSrc+'"')
  22. }
  23. }
  24. preload ('p1', 'applec.gif');
  25. preload ('p2', 'apricotc.gif');
  26. preload ('p3', 'bananac.gif');
  27. preload ('p4', 'cherryc.gif');
  28. preload ('p5', 'grapec.gif');
  29. preload ('p6', 'lemonc.gif');
  30. preload ('p7', 'limec.gif');
  31. preload ('p8', 'orange2c.gif');
  32. preload ('p9', 'peachc.gif');
  33. preload ('p10', 'pineapplec.gif');
  34. preload ('p11', 'plumc.gif');
  35. preload ('p12', 'pumpkinc.gif');
  36. preload ('po1', 'applee.gif');
  37. preload ('po2', 'apricote.gif');
  38. preload ('po3', 'bananae.gif');
  39. preload ('po4', 'cherrye.gif');
  40. preload ('po5', 'grapee.gif');
  41. preload ('po6', 'lemone.gif');
  42. preload ('po7', 'limee.gif');
  43. preload ('po8', 'orange2e.gif');
  44. preload ('po9', 'peache.gif');
  45. preload ('po10', 'pineapplee.gif');
  46. preload ('po11', 'plume.gif');
  47. preload ('po12', 'pumpkine.gif');
  48. preload ('blankdot', 'blankdot.gif');
  49. var y;
  50. var temp;
  51. for (x=1; x<=24; x++){
  52. y = Math.round(Math.random()*(24-1))+1;
  53. temp = picData[x];
  54. picData[x] = picData[y];
  55. picData[y] = temp;
  56. }
  57. var temp1=0;
  58. var index1=0;
  59. var counter=0
  60. var condition =0;
  61. var s1;
  62. var s2;
  63. var rem;
  64. var ready = true;
  65. var soundindex = "sound12";
  66. var game_start = false;
  67. function checkit(x){
  68. if (game_start == false){
  69. tellTime();
  70. game_start = true;
  71. }
  72. if (picInfo[x]== 0 && ready==true){
  73. if (temp1==0){
  74. temp1 = picData[x];
  75. eval("document.pic" + x + ".src = p" + temp1 + ".src;");
  76. index1 = x;
  77. }
  78. else{
  79. if (index1 != x){
  80. if (picData[x] == temp1){
  81. eval("document.pic" + x + ".src = po" + temp1 + ".src;");
  82. eval("document.pic" + index1 + ".src = po" + temp1 + ".src;");
  83. temp1 = 0;
  84. picInfo[index1] = 1;
  85. picInfo[x] = 1;
  86. counter++;
  87. }
  88. else{
  89. temp1 = 0;
  90. rem = x;
  91. condition = 0;
  92. delay();
  93. }
  94. }
  95. }
  96. if (counter == 12){
  97. if (h==0 && m<10)
  98. alert("Great! \n" +hinfo + minfo + sinfo);
  99. else
  100. alert("Good! \n" +hinfo + minfo + sinfo);
  101. ready = false;
  102. timeCondition = false;
  103. }
  104. }
  105. }
  106. function delay(){
  107. if (condition == 0){
  108. eval("document.pic" + rem + ".src = p" + picData[rem] + ".src;");
  109. condition = 1;
  110. ready = false;
  111. setTimeout("delay()", 300);
  112. }
  113. else{
  114. eval("document.pic" + rem + ".src = blankdot.src;");
  115. eval("document.pic" + index1 + ".src=blankdot.src;");
  116. ready = true;
  117. }
  118. }
  119. //-->
  120. </script>
  121. </head>
  122. <body marginwidth="0" marginheight="0" onResize="window.location.href = window.location.href;">
  123. <table CELLPADDING="0" CELLSPACING="0" BORDER="0" border="0" bgcolor="#330099" height="8">
  124. <tr>
  125. <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>
  126. <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>
  127. <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>
  128. <td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a
  129. href="../games.html">Games</a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>
  130. <td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1" color="#CCCC00">Fruit Loops No Sound </font>&nbsp;&nbsp;<font size+1></font></td>
  131. </tr>
  132. </table><br>
  133. <center>
  134. <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>
  135. 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>This game has no sounds!</font></font></font></b>
  136. <br>
  137. <br>
  138. <b><i><font face="Times New Roman,Times"><font color="#006600"><font size=+1>Enjoy!!!</font></font></font></i></b>
  139. <br>
  140. <br>
  141. <center>
  142. <table border=1 BGCOLOR="#9966cc">
  143. <tr>
  144. <td><a href="javascript:checkit(1)"><img src="blankdot.gif" border=0 name="pic1" width=64 height=64></a></td>
  145. <td><a href="javascript:checkit(2)"><img src="blankdot.gif" border=0 name="pic2" width=64 height=64></a></td>
  146. <td><a href="javascript:checkit(3)"><img src="blankdot.gif" border=0 name="pic3" width=64 height=64></a></td>
  147. <td><a href="javascript:checkit(4)"><img src="blankdot.gif" border=0 name="pic4" width=64 height=64></a></td>
  148. <td><a href="javascript:checkit(5)"><img src="blankdot.gif" border=0 name="pic5" width=64 height=64></a></td>
  149. </tr>
  150. <tr>
  151. <td><a href="javascript:checkit(6)"><img src="blankdot.gif" border=0 name="pic6" width=64 height=64></a></td>
  152. <td><a href="javascript:checkit(7)"><img src="blankdot.gif" border=0 name="pic7" width=64 height=64></a></td>
  153. <td><a href="javascript:checkit(8)"><img src="blankdot.gif" border=0 name="pic8" width=64 height=64></a></td>
  154. <td><a href="javascript:checkit(9)"><img src="blankdot.gif" border=0 name="pic9" width=64 height=64></a></td>
  155. <td><a href="javascript:checkit(10)"><img src="blankdot.gif" border=0 name="pic10" width=64 height=64></a></td>
  156. </tr>
  157. <tr>
  158. <td><a href="javascript:checkit(11)"><img src="blankdot.gif" border=0 name="pic11" width=64 height=64></a></td>
  159. <td><a href="javascript:checkit(12)"><img src="blankdot.gif" border=0 name="pic12" width=64 height=64></a></td>
  160. <td><img src="13_2_30banana64c.jpg" border=0 width=64 height=64></td>
  161. <td><a href="javascript:checkit(13)"><img src="blankdot.gif" border=0 name="pic13" width=64 height=64></a></td>
  162. <td><a href="javascript:checkit(14)"><img src="blankdot.gif" border=0 name="pic14" width=64 height=64></a></td>
  163. </tr>
  164. <tr>
  165. <td><a href="javascript:checkit(15)"><img src="blankdot.gif" border=0 name="pic15" width=64 height=64></a></td>
  166. <td><a href="javascript:checkit(16)"><img src="blankdot.gif" border=0 name="pic16" width=64 height=64></a></td>
  167. <td><a href="javascript:checkit(17)"><img src="blankdot.gif" border=0 name="pic17" width=64 height=64></a></td>
  168. <td><a href="javascript:checkit(18)"><img src="blankdot.gif" border=0 name="pic18" width=64 height=64></a></td>
  169. <td><a href="javascript:checkit(19)"><img src="blankdot.gif" border=0 name="pic19" width=64 height=64></a></td>
  170. </tr>
  171. <tr>
  172. <td><a href="javascript:checkit(20)"><img src="blankdot.gif" border=0 name="pic20" width=64 height=64></a></td>
  173. <td><a href="javascript:checkit(21)"><img src="blankdot.gif" border=0 name="pic21" width=64 height=64></a></td>
  174. <td><a href="javascript:checkit(22)"><img src="blankdot.gif" border=0 name="pic22" width=64 height=64></a></td>
  175. <td><a href="javascript:checkit(23)"><img src="blankdot.gif" border=0 name="pic23" width=64 height=64></a></td>
  176. <td><a href="javascript:checkit(24)"><img src="blankdot.gif" border=0 name="pic24" width=64 height=64></a></td>
  177. </tr>
  178. </table>
  179. </center>
  180. <script language="javascript">
  181. <!--
  182. var h=0;
  183. var hinfo = "";
  184. var m=0;
  185. var minfo = "";
  186. var s=-1;
  187. var sinfo = "";
  188. var timeCondition = true;
  189. function tellTime(){
  190. s++;
  191. if (s>=60){
  192. s = 0;
  193. m++;
  194. }
  195. else{
  196. if (s<=1)
  197. eval("sinfo = '" + s + " second'");
  198. else
  199. eval("sinfo = '" + s + " seconds'");
  200. }
  201. if (m>=60){
  202. m = 0;
  203. h++;
  204. }
  205. else{
  206. if (m<=1)
  207. eval("minfo = '" + m + " minute '");
  208. else
  209. eval("minfo = '" + m + " minutes '");
  210. }
  211. if (h<=1)
  212. eval("hinfo = '" + h + " hour '");
  213. else
  214. eval("hinfo = '" + h + " hours '");
  215. window.status = hinfo + minfo + sinfo;
  216. if (timeCondition == true)
  217. setTimeout("tellTime()", 1000);
  218. }
  219. //-->
  220. </script>
  221. </body>
  222. </html>