subject.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>微信手机端答题表单</title>
  6. <meta name="Keywords" content="" />
  7. <meta name="Description" content="" />
  8. <meta name="author" content="" />
  9. <meta name="renderer" content="webkit">
  10. <meta content='target-densitydpi=device-dpi, width=640' name='viewport'>
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="white">
  13. <meta name="format-detection" content="telephone=no">
  14. <link href="style/css.css"rel="stylesheet" type="text/css" />
  15. <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  16. <script>
  17. /*不同分辨率手机加载*/
  18. var userScalable = "no";
  19. var ins = "";
  20. (function () {
  21. if (window.devicePixelRatio === 1.5) {
  22. userScalable = "yes";
  23. ins = "initial-scale=0.5"
  24. }
  25. var text = "<meta content='" + ins + ", target-densitydpi=device-dpi, width=640,user-scalable=" + userScalable + "' name='viewport'>";
  26. document.write(text);
  27. })();
  28. </script>
  29. </head>
  30. <body id="body1">
  31. <div id="answer" class="w640">
  32. <!--<header>
  33. <div class="hm_icon"><a href="index.html"><img src="images/home_icon.png" alt=""></a></div>
  34. <div class="title">
  35. </div>
  36. </header>-->
  37. <div id="q1">
  38. <div class="content_tl">
  39. <div style="text-align: center; font-size: 40px;">第一题</div>
  40. <div>
  41. <div class="progress_bar">
  42. <div class="progress_bar2" style="width: 10%;">
  43. </div>
  44. </div>
  45. </div>
  46. <p class="content_tl_t">1.中华人民共和国国歌是哪首?</p>
  47. <div class="choose_div">
  48. <p class="choose_p"><span><input id="rd1_1" name="rd1" type="radio" value="A"></span><label for="rd1_1">A.《爱我中华》</label></p>
  49. </div>
  50. <div class="choose_div">
  51. <p class="choose_p"><span><input id="rd1_2" name="rd1" type="radio" value="B"></span><label for="rd1_2">B.《没有共产党就没有新中国》</label></p>
  52. </div>
  53. <div class="choose_div">
  54. <p class="choose_p"><span><input id="rd1_3" name="rd1" type="radio" value="C"></span><label for="rd1_3">C.《义勇军进行曲》</label></p>
  55. </div>
  56. <div class="clear"></div>
  57. </div>
  58. <div id="msg1" class="no_choice" style="display:none;">您还没选择!</div>
  59. <div class="enter_btn"><a id="b1" href="javascript:void(0);">确定</a></div>
  60. </div>
  61. <div id="a1" style="display:none;">
  62. <br><br><br>
  63. <div class="The_correct_answer"> 正确解答</div>
  64. <div class="content_tljd">
  65. <span id="r1" class="right" style="display:none;"></span>
  66. <span id="w1" class="wrong" style="display:none;"></span>
  67. <p>《义勇军进行曲》是由田汉作词,聂耳作曲的歌曲。自1935年在民族危亡的关头诞生以来,对激励中国人民的爱国主义精神起了巨大的作用,后成为中华人民共和国国歌 。 </p>
  68. </div>
  69. <div class="enter_btn"><a id="next1" href="#">下一题</a></div>
  70. </div>
  71. <div id="q2" style="display:none;">
  72. <div class="content_tl">
  73. <div style="text-align: center; font-size: 40px;">第二题</div>
  74. <div>
  75. <div class="progress_bar">
  76. <div class="progress_bar2" style="width: 20%;">
  77. </div>
  78. </div>
  79. </div>
  80. <p class="content_tl_t">2.中华人民共和国国旗叫什么?</p>
  81. <div class="choose_div">
  82. <p class="choose_p"><span><input id="rd2_1" name="rd2" type="radio" value="A"></span><label for="rd2_1">A.五星红旗</label></p>
  83. </div>
  84. <div class="choose_div">
  85. <p class="choose_p"><span><input id="rd2_2" name="rd2" type="radio" value="B"></span><label for="rd2_2">B.红旗</label></p>
  86. </div>
  87. <div class="choose_div">
  88. <p class="choose_p"><span><input id="rd2_3" name="rd2" type="radio" value="C"></span><label for="rd2_3">C.五颗星星</label></p>
  89. </div>
  90. <div class="clear"></div>
  91. </div>
  92. <div id="msg2" class="no_choice" style="display:none;">您还没选择!</div>
  93. <div class="enter_btn"><a id="b2" href="javascript:void(0);">确定</a></div>
  94. </div>
  95. <div id="a2" style="display:none;">
  96. <br><br><br>
  97. <div class="The_correct_answer">正确解答</div>
  98. <div class="content_tljd">
  99. <span id="r2" class="right" style="display:none;"></span>
  100. <span id="w2" class="wrong" style="display:none;"></span>
  101. <p>中华人民共和国国旗是五星红旗,旗面为红色,长宽比例为3:2。左上方缀黄色五角星五颗,四颗小星环拱在一颗大星的右面,并各有一个角尖正对大星的中心点。</p>
  102. </div>
  103. <div class="enter_btn"><a id="next2" href="javascript:void(0);">下一题</a></div>
  104. </div>
  105. <div id="q3" style="display:none;">
  106. <div class="content_tl">
  107. <div style="text-align: center; font-size: 40px;">第三题</div>
  108. <div>
  109. <div class="progress_bar">
  110. <div class="progress_bar2" style="width: 30%;">
  111. </div>
  112. </div>
  113. </div>
  114. <p class="content_tl_t">3.国庆节是每年的几月几号?</p>
  115. <div class="choose_div">
  116. <p class="choose_p"><span><input id="rd3_1" name="rd3" type="radio" value="A"></span><label for="rd3_1">A.1月10日</label></pclass>
  117. </div><div class="choose_div">
  118. <p class="choose_p"><span><input id="rd3_2" name="rd3" type="radio" value="B"></span><label for="rd3_2">B.10月1日</label></p>
  119. </div><div class="choose_div">
  120. <p class="choose_p"><span><input id="rd3_3" name="rd3" type="radio" value="C"></span><label for="rd3_3">C.10月7日</label></p>
  121. </div><div class="clear"></div>
  122. </div>
  123. <div id="msg3" class="no_choice" style="display:none;">您还没选择!</div>
  124. <div class="enter_btn"><a id="b3" href="javascript:void(0);">确定</a></div>
  125. </div>
  126. <div id="a3" style="display:none;">
  127. <br><br><br>
  128. <div class="The_correct_answer">正确解答</div>
  129. <div class="content_tljd">
  130. <span id="r3" style="display:none;" class="right"></span>
  131. <span id="w3" style="display:none;" class="wrong"></span>
  132. <p>国庆节是由一个国家制定的用来纪念国家本身的法定假日。中国国庆节特指中华人民共和国正式成立的纪念日10月1日。</p>
  133. </div>
  134. <div class="enter_btn"><a id="next3" href="javascript:void(0);">下一题</a></div>
  135. </div>
  136. <div id="q4" style="display:none;">
  137. <div class="content_tl">
  138. <div style="text-align: center; font-size: 40px;">第四题</div>
  139. <div>
  140. <div class="progress_bar">
  141. <div class="progress_bar2" style="width: 40%;">
  142. </div>
  143. </div>
  144. </div>
  145. <p class="subject_t">4.1949年中华人民共和国开国大典在哪里举行?</p>
  146. <div class="choose_div">
  147. <p class="choose_p"><span><input id="rd4_1" name="rd4" type="radio" value="A"></span><label for="rd4_1">A.长城</label></p>
  148. </div><div class="choose_div">
  149. <p class="choose_p"><span><input id="rd4_2" name="rd4" type="radio" value="B"></span><label for="rd4_2">B.天安门城楼</label></p>
  150. </div><div class="choose_div">
  151. <p class="choose_p"><span><input id="rd4_3" name="rd4" type="radio" value="C"></span><label for="rd4_3">C.故宫</label></p>
  152. </div><div class="clear"></div>
  153. </div>
  154. <div id="msg4" class="no_choice" style="display:none;">您还没选择!</div>
  155. <div class="enter_btn"><a id="b4" href="javascript:void(0);">确定</a></div>
  156. </div>
  157. <div id="a4" style="display:none;">
  158. <br><br><br>
  159. <div class="The_correct_answer">正确解答</div>
  160. <div class="content_tljd">
  161. <span id="r4" style="display:none;" class="right"></span>
  162. <span id="w4" style="display:none;" class="wrong"></span>
  163. <p>1949年10月1日下午3时,中华人民共和国举行开国大典,毛泽东在北京天安门城楼上宣告中华人民共和国、中央人民政府成立了。</p>
  164. </div>
  165. <div class="enter_btn"><a id="next4" href="javascript:void(0);">下一题</a></div>
  166. </div>
  167. <div id="q5" style="display:none;">
  168. <div class="content_tl">
  169. <div style="text-align: center; font-size: 40px;">第五题</div>
  170. <div>
  171. <div class="progress_bar">
  172. <div class="progress_bar2" style="width: 50%;">
  173. </div>
  174. </div>
  175. </div>
  176. <p class="content_tl_t">5.开国大典上鸣了多少次炮?</p>
  177. <div class="choose_div">
  178. <p class="choose_p"><span><input id="rd5_1" name="rd5" type="radio" value="A"></span><label for="rd5_1">A.54响</label></p>
  179. </div><div class="choose_div">
  180. <p class="choose_p"><span><input id="rd5_2" name="rd5" type="radio" value="B"></span><label for="rd5_2">B.21响</label></p>
  181. </div><div class="choose_div">
  182. <p class="choose_p"><span><input id="rd5_3" name="rd5" type="radio" value="C"></span><label for="rd5_3">C.28响</label></p>
  183. </div><div class="clear"></div>
  184. </div>
  185. <div id="msg5" class="no_choice" style="display:none;">您还没选择!</div>
  186. <div class="enter_btn"><a id="b5" href="javascript:void(0);">确定</a></div>
  187. </div>
  188. <div id="a5" style="display:none;">
  189. <br><br><br>
  190. <div class="The_correct_answer">正确解答</div>
  191. <div class="content_tljd">
  192. <span id="r5" style="display:none;" class="right"></span>
  193. <span id="w5" style="display:none;" class="wrong"></span>
  194. <p>28响礼炮表示中国共产党从1921年成立起,领导全国人民,经历了28年的奋斗,才使国家独立,人民翻身当家做主,才迎来了1949年10月1日下午的开国大典。</p>
  195. </div>
  196. <div class="enter_btn"><a id="next5" href="javascript:void(0);">下一题</a></div>
  197. </div>
  198. <div id="q6" style="display:none;">
  199. <div class="content_tl">
  200. <div style="text-align: center; font-size: 40px;">第六题</div>
  201. <div>
  202. <div class="progress_bar">
  203. <div class="progress_bar2" style="width: 60%;">
  204. </div>
  205. </div>
  206. </div>
  207. <p class="content_tl_t">6.开国大典仪式开始的时间?</p>
  208. <div class="choose_div">
  209. <p class="choose_p"><span><input id="rd6_1" name="rd6" type="radio" value="A"></span><label for="rd6_1">A.09:00</label></p>
  210. </div><div class="choose_div">
  211. <p class="choose_p"><span><input id="rd6_2" name="rd6" type="radio" value="B"></span><label for="rd6_2">B.12:00</label></p>
  212. </div><div class="choose_div">
  213. <p class="choose_p"><span><input id="rd6_3" name="rd6" type="radio" value="C"></span><label for="rd6_3">C.15:00</label></p>
  214. </div><div class="clear"></div>
  215. </div>
  216. <div id="msg6" class="no_choice" style="display:none;">您还没选择!</div>
  217. <div class="enter_btn"><a id="b6" href="javascript:void(0);">确定</a></div>
  218. </div>
  219. <div id="a6" style="display:none;">
  220. <br><br><br>
  221. <div class="The_correct_answer">正确解答</div>
  222. <div class="content_tljd">
  223. <span id="r6" style="display:none;" class="right"></span>
  224. <span id="w6" style="display:none;" class="wrong"></span>
  225. <p>1949年10月1日下午15:00,在北京天安门广场举行开国大典。</p>
  226. </div>
  227. <div class="enter_btn"><a id="next6" href="javascript:void(0);">下一题</a></div>
  228. </div>
  229. <div id="q7" style="display:none;">
  230. <div class="content_tl">
  231. <div style="text-align: center; font-size: 40px;">第七题</div>
  232. <div>
  233. <div class="progress_bar">
  234. <div class="progress_bar2" style="width: 70%;">
  235. </div>
  236. </div>
  237. </div>
  238. <p class="content_tl_t">7.中华人民共和国国徽上的麦穗代表什么?</p>
  239. <div class="choose_div">
  240. <p class="choose_p"><span><input id="rd7_1" name="rd7" type="radio" value="A"></span><label for="rd7_1">A.工人阶级</label></p>
  241. </div>
  242. <div class="choose_div">
  243. <p class="choose_p"><span><input id="rd7_2" name="rd7" type="radio" value="B"></span><label for="rd7_2">B.农民阶级</label></p>
  244. </div><div class="choose_div">
  245. <p class="choose_p"><span><input id="rd7_3" name="rd7" type="radio" value="C"></span><label for="rd7_3">C.资产阶级</label></p>
  246. </div><div class="clear"></div>
  247. </div>
  248. <div id="msg7" class="no_choice" style="display:none;">您还没选择!</div>
  249. <div class="enter_btn"><a id="b7" href="javascript:void(0);">确定</a></div>
  250. </div>
  251. <div id="a7" style="display:none;">
  252. <br><br><br>
  253. <div class="The_correct_answer">正确解答</div>
  254. <div class="content_tljd">
  255. <span id="r7" style="display:none;" class="right"></span>
  256. <span id="w7" style="display:none;" class="wrong"></span>
  257. <p>中华人民共和国国徽的内容为国旗、天安门、齿轮和谷穗(国旗和天安门象征国家,齿轮象征工人阶级,谷穗象征农民阶级)。</p>
  258. </div>
  259. <div class="enter_btn"><a id="next7" href="javascript:void(0);">下一题</a></div>
  260. </div>
  261. <div id="q8" style="display:none;">
  262. <div class="content_tl">
  263. <div style="text-align: center; font-size: 40px;">第八题</div>
  264. <div>
  265. <div class="progress_bar">
  266. <div class="progress_bar2" style="width: 80%;">
  267. </div>
  268. </div>
  269. </div>
  270. <p class="content_tl_t">8.2019年是中华人民共和国成立的第几周年?</p>
  271. <div class="choose_div">
  272. <p class="choose_p"><span><input id="cb8_1" name="rd8" type="radio" value="A"></span><label for="cb8_1">A.60周年</label></p>
  273. </div>
  274. <div class="choose_div">
  275. <p class="choose_p"><span><input id="cb8_2" name="rd8" type="radio" value="B"></span><label for="cb8_2">B.70周年</label></p>
  276. </div>
  277. <div class="choose_div">
  278. <p class="choose_p"><span><input id="cb8_3" name="rd8" type="radio" value="C"></span><label for="cb8_3">C.80周年</label></p>
  279. </div>
  280. <div class="clear"></div>
  281. </div>
  282. <div id="msg8" class="no_choice" style="display:none;">您还没选择!</div>
  283. <div class="enter_btn"><a id="b8" href="javascript:void(0);">确定</a></div>
  284. </div>
  285. <div id="a8" style="display:none;">
  286. <br><br><br>
  287. <div class="The_correct_answer">正确解答</div>
  288. <div class="content_tljd">
  289. <span id="r8" style="display:none;" class="right"></span>
  290. <span id="w8" style="display:none;" class="wrong"></span>
  291. <p>1949年10月1日中华人民共和国、中央人民政府成立了。因此,2019年是中华人民共和国成立第70周年。</p>
  292. </div>
  293. <div class="enter_btn"><a id="next8" href="javascript:void(0);">下一题</a></div>
  294. </div>
  295. <div id="q9" style="display:none;">
  296. <div class="content_tl">
  297. <div style="text-align: center; font-size: 40px;">第九题</div>
  298. <div>
  299. <div class="progress_bar">
  300. <div class="progress_bar2" style="width: 90%;">
  301. </div>
  302. </div>
  303. </div>
  304. <p class="content_tl_t">9.1949年开国大典阅兵是谁检阅的?</p>
  305. <div class="choose_div">
  306. <p class="choose_p"><span><input id="cb9_1" type="radio" value="A" name="rd9" /></span><label for="cb9_1">A.毛泽东</label></p>
  307. </div>
  308. <div class="choose_div">
  309. <p class="choose_p"><span><input id="cb9_2" type="radio" value="B" name="rd9" /></span><label for="cb9_2">B.朱德</label></p>
  310. </div>
  311. <div class="choose_div">
  312. <p class="choose_p"><span><input id="cb9_3" type="radio" value="C" name="rd9" /></span><label for="cb9_3">C.聂荣臻</label></p>
  313. </div>
  314. <div class="clear"></div>
  315. </div>
  316. <div id="msg9" class="no_choice" style="display:none;">您还没选择!</div>
  317. <div class="enter_btn"><a id="b9" href="javascript:void(0);">确定</a></div>
  318. </div>
  319. <div id="a9" style="display:none;">
  320. <br><br><br>
  321. <div class="The_correct_answer">正确解答</div>
  322. <div class="content_tljd">
  323. <span id="r9" style="display:none;" class="right"></span>
  324. <span id="w9" style="display:none;" class="wrong"></span>
  325. <p>毛主席宣读完公告后,阅兵开始。检阅司令员是中国人民解放军总司令朱德(兼阅兵总司令),阅兵总指挥是聂荣臻。</p>
  326. </div>
  327. <div class="enter_btn"><a id="next9" href="javascript:void(0);">下一题</a></div>
  328. </div>
  329. <div id="q10" style="display:none;">
  330. <div class="content_tl">
  331. <div style="text-align: center; font-size: 40px;">第十题</div>
  332. <div>
  333. <div class="progress_bar">
  334. <div class="progress_bar2" style="width: 100%;">
  335. </div>
  336. </div>
  337. </div>
  338. <p class="content_tl_t">10.国庆假有多少天?</p>
  339. <div class="choose_div">
  340. <p class="choose_p"><span><input id="cb10_1" type="radio" value="A" name="rd10" /></span><label for="cb10_1">A.3天</label></p>
  341. </div>
  342. <div class="choose_div">
  343. <p class="choose_p"><span><input id="cb10_2" type="radio" value="B" name="rd10" /></span><label for="cb10_2">B.5天</label></p>
  344. </div>
  345. <div class="choose_div">
  346. <p class="choose_p"><span><input id="cb10_3" type="radio" value="C" name="rd10" /></span><label for="cb10_3">C.7天</label></p>
  347. </div>
  348. <div class="clear"></div>
  349. </div>
  350. <div id="msg10" class="no_choice" style="display:none;">您还没选择!</div>
  351. <div class="enter_btn"><a id="b10" href="javascript:void(0);">确定</a></div>
  352. </div>
  353. <div id="a10" style="display:none;">
  354. <br><br><br>
  355. <div class="The_correct_answer">正确解答</div>
  356. <div class="content_tljd">
  357. <span id="r10" style="display:none;" class="right"></span>
  358. <span id="w10" style="display:none;" class="wrong"></span>
  359. <p>国庆假期为7天,10月1日-10月7日。</p>
  360. </div>
  361. <div class="enter_btn"><a id="next10" href="javascript:void(0);">查看结果</a></div>
  362. </div>
  363. </div>
  364. <div id="score" class="w640" style="display:none;">
  365. <header>
  366. <div class="fs"></div>
  367. </header>
  368. <div class="hm_text02"><img src="images/text02.png" alt=""></div>
  369. <div class="hm_btn">
  370. <div class="btn_bg"><a href="index.html" >回到首页</a></div>
  371. <div class="btn_bg"><a href="subject.html" >再测一次</a></div>
  372. <!--<div class="btn_bg" style="display:none;"><a href="#">中国共产党廉洁自律准则</a></div>-->
  373. </div>
  374. </div>
  375. <div id="score2" class="w640" style="display:none;">
  376. <header>
  377. <div class="fs"></div>
  378. </header>
  379. <div class="hm_text02"><img src="images/text02.png" alt=""></div>
  380. <div class="hm_btn">
  381. <div class="btn_bg"><a href="lottery/index.html">马上去抽奖</a></div>
  382. <div class="btn_bg"><a href="subject.html" >再测一次</a></div>
  383. </div>
  384. </div>
  385. <script type="text/javascript">
  386. $(function () {
  387. // 用户选择样式
  388. $(".choose_p").click(function () {
  389. $(".choose_p").css("background","");
  390. $(this).css("background","#2bc98e");
  391. $(this)[0].childNodes[0].children[0].checked=true;
  392. });
  393. a1 = a2 = a3 = a4 = a5 = a6 = a7 = a8 = a9 = a10 = 0;
  394. $("#b1").click(function () {
  395. var rl1 = $('#q1 input:radio[name="rd1"]:checked').val();
  396. if (rl1 == null) {
  397. $("#msg1").fadeIn(500);
  398. }
  399. else {
  400. setTimeout('$("#q1").fadeOut(100);', 1);
  401. setTimeout('$("#a1").fadeIn(1000);', 100);
  402. if (rl1 == "C") {
  403. a1 = 1;
  404. setTimeout('$("#r1").slideDown()', 500);
  405. }
  406. else {
  407. setTimeout('$("#w1").slideDown()', 500);
  408. }
  409. }
  410. });
  411. $("#next1").click(function () {
  412. setTimeout('$("#a1").fadeOut(100);', 1);
  413. setTimeout('$("#q2").fadeIn(1000);', 100);
  414. });
  415. $("#b2").click(function () {
  416. var rl2 = $('#q2 input:radio[name="rd2"]:checked').val();
  417. if (rl2 == null) {
  418. $("#msg2").fadeIn(500);
  419. }
  420. else {
  421. setTimeout('$("#q2").fadeOut(100);', 1);
  422. setTimeout('$("#a2").fadeIn(1000);', 100);
  423. if (rl2 == "A") {
  424. a2 = 1;
  425. setTimeout('$("#r2").slideDown()', 500);
  426. }
  427. else {
  428. setTimeout('$("#w2").slideDown()', 500);
  429. }
  430. }
  431. });
  432. $("#next2").click(function () {
  433. setTimeout('$("#a2").fadeOut(100);', 1);
  434. setTimeout('$("#q3").fadeIn(1000);', 100);
  435. });
  436. $("#b3").click(function () {
  437. var rl3 = $('#q3 input:radio[name="rd3"]:checked').val();
  438. if (rl3 == null) {
  439. $("#msg3").fadeIn(500);
  440. }
  441. else {
  442. setTimeout('$("#q3").fadeOut(100);', 1);
  443. setTimeout('$("#a3").fadeIn(1000);', 100);
  444. if (rl3 == "B") {
  445. a3 = 1;
  446. setTimeout('$("#r3").slideDown()', 500);
  447. }
  448. else {
  449. setTimeout('$("#w3").slideDown()', 500);
  450. }
  451. }
  452. });
  453. $("#next3").click(function () {
  454. setTimeout('$("#a3").fadeOut(100);', 1);
  455. setTimeout('$("#q4").fadeIn(1000);', 100);
  456. });
  457. $("#b4").click(function () {
  458. var rl4 = $('#q4 input:radio[name="rd4"]:checked').val();
  459. if (rl4 == null) {
  460. $("#msg4").fadeIn(500);
  461. }
  462. else {
  463. setTimeout('$("#q4").fadeOut(100);', 1);
  464. setTimeout('$("#a4").fadeIn(1000);', 100);
  465. if (rl4 == "B") {
  466. a4 = 1;
  467. setTimeout('$("#r4").slideDown()', 500);
  468. }
  469. else {
  470. setTimeout('$("#w4").slideDown()', 500);
  471. }
  472. }
  473. });
  474. $("#next4").click(function () {
  475. setTimeout('$("#a4").fadeOut(100);', 1);
  476. setTimeout('$("#q5").fadeIn(1000);', 100);
  477. });
  478. $("#b5").click(function () {
  479. var rl5 = $('#q5 input:radio[name="rd5"]:checked').val();
  480. if (rl5 == null) {
  481. $("#msg5").fadeIn(500);
  482. }
  483. else {
  484. setTimeout('$("#q5").fadeOut(100);', 1);
  485. setTimeout('$("#a5").fadeIn(1000);', 100);
  486. if (rl5 == "C") {
  487. a5 = 1;
  488. setTimeout('$("#r5").slideDown()', 500);
  489. }
  490. else {
  491. setTimeout('$("#w5").slideDown()', 500);
  492. }
  493. }
  494. });
  495. $("#next5").click(function () {
  496. setTimeout('$("#a5").fadeOut(100);', 1);
  497. setTimeout('$("#q6").fadeIn(1000);', 100);
  498. });
  499. $("#b6").click(function () {
  500. var rl6 = $('#q6 input:radio[name="rd6"]:checked').val();
  501. if (rl6 == null) {
  502. $("#msg6").fadeIn(500);
  503. }
  504. else {
  505. setTimeout('$("#q6").fadeOut(100);', 1);
  506. setTimeout('$("#a6").fadeIn(1000);', 100);
  507. if (rl6 == "C") {
  508. a6 = 1;
  509. setTimeout('$("#r6").slideDown()', 500);
  510. }
  511. else {
  512. setTimeout('$("#w6").slideDown()', 500);
  513. }
  514. }
  515. });
  516. $("#next6").click(function () {
  517. setTimeout('$("#a6").fadeOut(100);', 1);
  518. setTimeout('$("#q7").fadeIn(1000);', 100);
  519. });
  520. $("#b7").click(function () {
  521. var rl7 = $('#q7 input:radio[name="rd7"]:checked').val();
  522. if (rl7 == null) {
  523. $("#msg7").fadeIn(500);
  524. }
  525. else {
  526. setTimeout('$("#q7").fadeOut(100);', 1);
  527. setTimeout('$("#a7").fadeIn(1000);', 100);
  528. if (rl7 == "B") {
  529. a7 = 1;
  530. setTimeout('$("#r7").slideDown()', 500);
  531. }
  532. else {
  533. setTimeout('$("#w7").slideDown()', 500);
  534. }
  535. }
  536. });
  537. $("#next7").click(function () {
  538. setTimeout('$("#a7").fadeOut(100);', 1);
  539. setTimeout('$("#q8").fadeIn(1000);', 100);
  540. });
  541. $("#b8").click(function () {
  542. var cbl8 = $('#q8 input:radio[name="rd8"]:checked').val();
  543. console.log(cbl8)
  544. if (cbl8 == null) {
  545. $("#msg8").fadeIn(500);
  546. }
  547. else {
  548. setTimeout('$("#q8").fadeOut(100);', 1);
  549. setTimeout('$("#a8").fadeIn(1000);', 100);
  550. if (cbl8=='B') {
  551. a8 = 1;
  552. setTimeout('$("#r8").slideDown()', 500);
  553. }
  554. else {
  555. setTimeout('$("#w8").slideDown()', 500);
  556. }
  557. }
  558. });
  559. $("#next8").click(function () {
  560. setTimeout('$("#a8").fadeOut(100);', 1);
  561. setTimeout('$("#q9").fadeIn(1000);', 100);
  562. });
  563. $("#b9").click(function () {
  564. var cbl9 = $('#q9 input:radio[name="rd9"]:checked').val();
  565. if (cbl9 == null) {
  566. $("#msg9").fadeIn(500);
  567. }
  568. else {
  569. setTimeout('$("#q9").fadeOut(100);', 1);
  570. setTimeout('$("#a9").fadeIn(1000);', 100);
  571. if (cbl9=="B") {
  572. a9 = 1;
  573. setTimeout('$("#r9").slideDown()', 500);
  574. }
  575. else {
  576. setTimeout('$("#w9").slideDown()', 500);
  577. }
  578. }
  579. });
  580. $("#next9").click(function () {
  581. setTimeout('$("#a9").fadeOut(100);', 1);
  582. setTimeout('$("#q10").fadeIn(1000);', 100);
  583. });
  584. $("#b10").click(function () {
  585. var cbl10 = $('#q10 input:radio[name="rd10"]:checked').val();
  586. if (cbl10 == null) {
  587. $("#msg10").fadeIn(500);
  588. }
  589. else {
  590. setTimeout('$("#q10").fadeOut(100);', 1);
  591. setTimeout('$("#a10").fadeIn(1000);', 100);
  592. if (cbl10 =="C") {
  593. a10 = 1;
  594. setTimeout('$("#r10").slideDown()', 500);
  595. }
  596. else {
  597. setTimeout('$("#w10").slideDown()', 500);
  598. }
  599. }
  600. });
  601. $("#next10").click(function () {
  602. setTimeout('$("#answer").fadeOut(100);', 1);
  603. sc = a1 + a2 + a3 + a4 + a5 + a6 + a7 + a8 + a9 + a10;
  604. if (sc == 0) {
  605. $('.fs').addClass("f0");
  606. setTimeout('$("#score").fadeIn(1000);', 100);
  607. } else if (sc == 1) {
  608. $('.fs').addClass("f10");
  609. setTimeout('$("#score").fadeIn(1000);', 100);
  610. } else if (sc == 2) {
  611. $('.fs').addClass("f20");
  612. setTimeout('$("#score").fadeIn(1000);', 100);
  613. } else if (sc == 3) {
  614. $('.fs').addClass("f30");
  615. setTimeout('$("#score").fadeIn(1000);', 100);
  616. } else if (sc == 4) {
  617. $('#fs').addClass("f40");
  618. setTimeout('$("#score").fadeIn(1000);', 100);
  619. } else if (sc == 5) {
  620. $('.fs').addClass("f50");
  621. setTimeout('$("#score").fadeIn(1000);', 100);
  622. } else if (sc == 6) {
  623. $('.fs').addClass("f60");
  624. setTimeout('$("#score").fadeIn(1000);', 100);
  625. } else if (sc == 7) {
  626. $('.fs').addClass("f70");
  627. setTimeout('$("#score2").fadeIn(1000);', 100);
  628. } else if (sc == 8) {
  629. $('.fs').addClass("f80");
  630. setTimeout('$("#score2").fadeIn(1000);', 100);
  631. } else if (sc == 9) {
  632. $('.fs').addClass("f90");
  633. setTimeout('$("#score2").fadeIn(1000);', 100);
  634. } else if (sc == 10) {
  635. $('.fs').addClass("f100");
  636. setTimeout('$("#score2").fadeIn(1000);', 100);
  637. }
  638. });
  639. });
  640. </script>
  641. <!--<script type="text/javascript">
  642. var ua = navigator.userAgent.toLowerCase();
  643. var isWeixin = ua.indexOf('micromessenger') != -1;
  644. // var isAndroid = ua.indexOf('android') != -1;
  645. // var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
  646. if (!isWeixin) {
  647. document.head.innerHTML = '<title>抱歉,出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="weua.css">';
  648. document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';
  649. }
  650. </script>-->
  651. </body>
  652. </html>