subject.html 26 KB

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