Startsida Utforska Hjälp
Registrera dig Logga in
root
/
tv_xiaoyouxi
Bevaka 1
Stjärnmärk 0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: aabe184b7b
Grenar Taggar
tv_xiaoyouxi
/
games
/
ftz
/
index.html

index.html 5.8 KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    6. 

  6. <title>挑战繁简字-空中传媒游戏</title>
    7. 

  7. <meta name="description" content="来空中传媒游戏，轻松认识繁体字，成为最有文化的中国人">
    8. 

  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    9. 

  9. <meta name="apple-mobile-web-app-capable" content="yes">
    10. 

  10. <meta name="apple-mobile-web-app-status-bar-style" content="black">
    11. 

  11. <link href="y0/news/game/caizi/css/css.css" rel="stylesheet" type="text/css" />
    12. 

  12. <style>
    13. 

  13. /* 核心 */
    14. 

  14. body {font:12px/18px simsun, Arial, Helvetica, sans-serif;}
    15. 

  15. .wrap {width:100%; overflow:hidden; position:relative;}
    16. 

  16. .box01 {background:url(y0/news/game/caizi/images/bg.jpg); background-size:100% auto; height:100%; width:100%; position:absolute; left:0; top:0; z-index:3;}
    17. 

  17. .box01 .cont {position:absolute; width:100%; z-index:1;}
    18. 

  18. .box01 .font { background-size:100% auto; height:159px; width:159px; margin:10px auto 0; line-height:159px; text-align:center;}
    19. 

  19. .box01 .text {margin:0 auto; width:270px;}
    20. 

  20. .box01 .t01 {font-size:1.6em; font-family:"微软雅黑"; line-height:1.6em; text-align:center; margin-top:10px;}
    21. 

  21. .box01 .t02 {color:#693810; font-size:1.3em; font-family:"微软雅黑"; line-height:1.4em; margin:5px auto 0; text-align: center; width:200px;}
    22. 

  22. .box01 .btn {background:url(y0/news/game/caizi/images/btn01.png) no-repeat; background-size:100% auto; height:116px; width:116px; margin:15px auto 0;}
    23. 

  23. .box02 {background:url(y0/news/game/caizi/images/bg.jpg); background-size:100% auto; height:100%; width:100%; position:absolute; left:0; top:0; z-index:1;}
    24. 

  24. .box02 .font {background:url(y0/news/game/caizi/images/i02.jpg) no-repeat; background-size:100% auto; height:160px; width:159px; margin:10px auto 0; font-size:8em; line-height:159px; text-align:center;}
    25. 

  25. .box02 .time {padding:0 25px; text-align:center; font-size:1.2em; font-family:"微软雅黑"; height:50px; line-height:50px; overflow:hidden;}
    26. 

  26. .box02 .time span {color:#d8271c; font-size:1.8em;}
    27. 

  27. .box02 .flist {margin:0 auto; width:306px;}
    28. 

  28. .box02 .flist li {background:url(y0/news/game/caizi/images/b01.png) no-repeat; background-size:100% auto; height:82px; width:82px; font-size:4em; float:left; line-height:82px; text-align:center; margin:5px 10px;}
    29. 

  29. .box02 .flist li.cor {background:url(y0/news/game/caizi/images/b02.png) no-repeat; background-size:100% auto; color:#FFF;}
    30. 

  30. .box02 .flist li.err {background:url(y0/news/game/caizi/images/b03.png) no-repeat; background-size:100% auto; color:#FFF;}
    31. 

  31. .box03 {background:url(y0/news/game/caizi/images/bg.jpg); background-size:100% auto; height:100%; width:100%; position:absolute; left:0; top:0; z-index:2;}
    32. 

  32. .box03 .cont {position:absolute; width:100%; z-index:1;}
    33. 

  33. .box03 .win .pic {background:url(y0/news/game/caizi/images/win.jpg) no-repeat; background-size:100% auto; height:167px; width:185px; margin:15px auto 0;}
    34. 

  34. .box03 .win .text {font-size:1.6em; font-family:"微软雅黑"; line-height:1.4em; margin:10px auto 0;  width:268px;}
    35. 

  35. .box03 .win .text span {color:#cc3333; font-size:1.4em; font-family:"微软雅黑";}
    36. 

  36. .box03 .win .txt {color:#693810; font-size:1.3em; font-family:"微软雅黑"; line-height:1.8em; width:268px; margin:0 auto;}
    37. 

  37. .box03 .win .txt a {color:#cc3333;}
    38. 

  38. .box03 .lose .pic {background:url(y0/news/game/caizi/images/lose.jpg) no-repeat; background-size:100% auto; height:145px; width:185px; margin:15px auto 0;}
    39. 

  39. .box03 .lose .text {font-size:1.6em; font-family:"微软雅黑"; line-height:1.4em; margin:10px auto 0;  width:268px;}
    40. 

  40. .box03 .lose .text span {color:#cc3333; font-size:1.4em; font-family:"微软雅黑";}
    41. 

  41. .box03 .lose .txt {color:#693810; font-size:1.3em; font-family:"微软雅黑"; line-height:1.8em; width:268px; margin:0 auto;}
    42. 

  42. .box03 .bcot {text-align:center; color:#FFF; font-size:1.4em; font-family:"微软雅黑"; line-height:40px; width:100%; margin-top:10px;}
    43. 

  43. .box03 .bcot .btn01 {background:url(y0/news/game/caizi/images/btn02.jpg) no-repeat; background-size:100% auto; height:40px; width:118px; display:inline-block; margin:0 16px;}
    44. 

  44. .box03 .bcot .btn02 {background:url(y0/news/game/caizi/images/btn03.jpg) no-repeat; background-size:100% auto; height:40px; width:118px; display:inline-block; margin:0 16px;}
    45. 

  45. </style>
    46. 

  46. <script type="text/javascript" src="y0/base/jQuery/jquery-1.9.1.min.js"></script>
    47. 

  47. </head>
    48. 

  48. <body>
    49. 

  49. <div class="wrap" style="height:100%; overflow:visible;">
    50. 

  50.   <!-- one begin -->
    51. 

  51.   <div class="box01" id="wbegin">
    52. 

  52.     <div class="cont">
    53. 

  53.     <div class="font"><img src="y1/d/h5images/logo45300.png" width="153" height="153"></div>
    54. 

  54.     <div class="text">
    55. 

  55.       <div class="t01">挑战你认识多少个繁体字</div>
    56. 

  56.       <div class="t02">从6个繁体字中选出正确的<br>10秒不出手就算输</div>
    57. 

  57.     </div>
    58. 

  58.     <div class="btn" id="start"></div>
    59. 

  59.     </div>
    60. 

  60.   </div>
    61. 

  61.   <!-- one end -->
    62. 

  62.   <!-- g begin -->
    63. 

  63.   <div class="box02" id="main" style="display:none;">
    64. 

  64.     <div class="font"></div>
    65. 

  65.     <div class="time"><span>10</span>秒</div>
    66. 

  66.     <div  class="flist">
    67. 

  67.       <ul id="selects_box">
    68. 

  68.         <li id='s_0' class="cell"></li>
    69. 

  69.         <li id='s_1' class="cell"></li>
    70. 

  70.         <li id='s_2' class="cell"></li>
    71. 

  71.         <li id='s_3' class="cell"></li>
    72. 

  72.         <li id='s_4' class="cell"></li>
    73. 

  73.         <li id='s_5' class="cell"></li>
    74. 

  74.       </ul>
    75. 

  75.     </div>
    76. 

  76.   </div>
    77. 

  77.   <!-- g end -->
    78. 

  78.   <!-- e begin -->
    79. 

  79.   <div class="box03" id="wend" style="display:none;">
    80. 

  80.     <div class="cont">
    81. 

  81.     <div class="lose" id="text_pic">
    82. 

  82.       <div class="pic"></div>
    83. 

  83.       <div class="text" id="text_top"></div>
    84. 

  84.       <div class="txt" id="text_bottom"></div>
    85. 

  85. 	  <div class="txt" id="text_end" style="display:black;"></div>
    86. 

  86.     </div>
    87. 

  87.     <div class="bcot">
    88. 

  88.       <div class="btn01" id="tryagain">再来一把</div>
    89. 

  89.       <div id="whshare" class="btn02">炫耀才华</div>
    90. 

  90.     </div>
    91. 

  91.   </div>
    92. 

  92.   <!-- e end -->
    93. 

  93. </div>
    94. 

  94. <script type="text/javascript" src="m0/news/game/caizi/main.js"></script>
    95. 

  95. </body>
    96. 

  96. </html>
    97.