index.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <title>穿越回古代你会是谁?</title>
  8. <script src="jquery-1.9.1.min.js"></script>
  9. <script type="text/javascript" src="jquery.cookie.js"></script>
  10. <link rel="stylesheet" href="zp.css" />
  11. <script type="text/javascript">
  12. var _config = {}; _config['isSite'] = '';
  13. </script>
  14. <style type="text/css">
  15. body{
  16. margin: 0 auto;
  17. padding: 0;
  18. padding-top: 3px;
  19. background:#555555;
  20. }
  21. #main-bg{
  22. width: 320px;
  23. height: 320px;
  24. margin: 0 auto;
  25. padding: 0;
  26. background: url(es1.jpg) no-repeat;
  27. background-size: cover;
  28. position: relative;
  29. overflow: hidden;
  30. }
  31. .resultsw1{
  32. width: 320px;
  33. height: 387px;
  34. margin: 0 auto;
  35. padding: 0;
  36. background: url(w1.jpg) no-repeat;
  37. background-size: cover;
  38. position: relative;
  39. }
  40. .resultsw2{
  41. width: 320px;
  42. height: 387px;
  43. margin: 0 auto;
  44. padding: 0;
  45. background: url(w2.jpg) no-repeat;
  46. background-size: cover;
  47. position: relative;
  48. }
  49. .resultsw3{
  50. width: 320px;
  51. height: 387px;
  52. margin: 0 auto;
  53. padding: 0;
  54. background: url(w3.jpg) no-repeat;
  55. background-size: cover;
  56. position: relative;
  57. }
  58. .resultsw4{
  59. width: 320px;
  60. height: 387px;
  61. margin: 0 auto;
  62. padding: 0;
  63. background: url(w4.jpg) no-repeat;
  64. background-size: cover;
  65. position: relative;
  66. }
  67. .resultsw5{
  68. width: 320px;
  69. height: 387px;
  70. margin: 0 auto;
  71. padding: 0;
  72. background: url(w5.jpg) no-repeat;
  73. background-size: cover;
  74. position: relative;
  75. }
  76. .resultsw6{
  77. width: 320px;
  78. height: 387px;
  79. margin: 0 auto;
  80. padding: 0;
  81. background: url(w6.jpg) no-repeat;
  82. background-size: cover;
  83. position: relative;
  84. }
  85. .resultsw7{
  86. width: 320px;
  87. height: 387px;
  88. margin: 0 auto;
  89. padding: 0;
  90. background: url(w7.jpg) no-repeat;
  91. background-size: cover;
  92. position: relative;
  93. }
  94. .resultsw8{
  95. width: 320px;
  96. height: 387px;
  97. margin: 0 auto;
  98. padding: 0;
  99. background: url(w8.jpg) no-repeat;
  100. background-size: cover;
  101. position: relative;
  102. }
  103. .resultsw9{
  104. width: 320px;
  105. height: 387px;
  106. margin: 0 auto;
  107. padding: 0;
  108. background: url(w9.jpg) no-repeat;
  109. background-size: cover;
  110. position: relative;
  111. }
  112. .resultsw10{
  113. width: 320px;
  114. height: 387px;
  115. margin: 0 auto;
  116. padding: 0;
  117. background: url(w10.jpg) no-repeat;
  118. background-size: cover;
  119. position: relative;
  120. }
  121. .resultsw11{
  122. width: 320px;
  123. height: 387px;
  124. margin: 0 auto;
  125. padding: 0;
  126. background: url(w11.jpg) no-repeat;
  127. background-size: cover;
  128. position: relative;
  129. }
  130. .resultsm1{
  131. width: 320px;
  132. height: 387px;
  133. margin: 0 auto;
  134. padding: 0;
  135. background: url(m1.jpg) no-repeat;
  136. background-size: cover;
  137. position: relative;
  138. }
  139. .resultsm2{
  140. width: 320px;
  141. height: 387px;
  142. margin: 0 auto;
  143. padding: 0;
  144. background: url(m2.jpg) no-repeat;
  145. background-size: cover;
  146. position: relative;
  147. }
  148. .resultsm3{
  149. width: 320px;
  150. height: 387px;
  151. margin: 0 auto;
  152. padding: 0;
  153. background: url(m3.jpg) no-repeat;
  154. background-size: cover;
  155. position: relative;
  156. }
  157. .resultsm4{
  158. width: 320px;
  159. height: 387px;
  160. margin: 0 auto;
  161. padding: 0;
  162. background: url(m4.jpg) no-repeat;
  163. background-size: cover;
  164. position: relative;
  165. }
  166. .resultsm5{
  167. width: 320px;
  168. height: 387px;
  169. margin: 0 auto;
  170. padding: 0;
  171. background: url(m5.jpg) no-repeat;
  172. background-size: cover;
  173. position: relative;
  174. }
  175. .resultsm6{
  176. width: 320px;
  177. height: 387px;
  178. margin: 0 auto;
  179. padding: 0;
  180. background: url(m6.jpg) no-repeat;
  181. background-size: cover;
  182. position: relative;
  183. }
  184. .resultsm7{
  185. width: 320px;
  186. height: 387px;
  187. margin: 0 auto;
  188. padding: 0;
  189. background: url(m7.jpg) no-repeat;
  190. background-size: cover;
  191. position: relative;
  192. }
  193. .resultsm8{
  194. width: 320px;
  195. height: 387px;
  196. margin: 0 auto;
  197. padding: 0;
  198. background: url(m8.jpg) no-repeat;
  199. background-size: cover;
  200. position: relative;
  201. }
  202. .resultsm9{
  203. width: 320px;
  204. height: 387px;
  205. margin: 0 auto;
  206. padding: 0;
  207. background: url(m9.jpg) no-repeat;
  208. background-size: cover;
  209. position: relative;
  210. }
  211. .resultsm10{
  212. width: 320px;
  213. height: 387px;
  214. margin: 0 auto;
  215. padding: 0;
  216. background: url(m10.jpg) no-repeat;
  217. background-size: cover;
  218. position: relative;
  219. }
  220. .resultsm11{
  221. width: 320px;
  222. height: 387px;
  223. margin: 0 auto;
  224. padding: 0;
  225. background: url(m11.jpg) no-repeat;
  226. background-size: cover;
  227. position: relative;
  228. }
  229. .resultsm12{
  230. width: 320px;
  231. height: 387px;
  232. margin: 0 auto;
  233. padding: 0;
  234. background: url(m12.jpg) no-repeat;
  235. background-size: cover;
  236. position: relative;
  237. }
  238. .resultsm13{
  239. width: 320px;
  240. height: 387px;
  241. margin: 0 auto;
  242. padding: 0;
  243. background: url(m13.jpg) no-repeat;
  244. background-size: cover;
  245. position: relative;
  246. }
  247. .resultsm14{
  248. width: 320px;
  249. height: 387px;
  250. margin: 0 auto;
  251. padding: 0;
  252. background: url(m14.jpg) no-repeat;
  253. background-size: cover;
  254. position: relative;
  255. }
  256. .resultsm15{
  257. width: 320px;
  258. height: 387px;
  259. margin: 0 auto;
  260. padding: 0;
  261. background: url(m15.jpg) no-repeat;
  262. background-size: cover;
  263. position: relative;
  264. }
  265. .resultsm16{
  266. width: 320px;
  267. height: 387px;
  268. margin: 0 auto;
  269. padding: 0;
  270. background: url(m16.jpg) no-repeat;
  271. background-size: cover;
  272. position: relative;
  273. }
  274. .resultsm17{
  275. width: 320px;
  276. height: 387px;
  277. margin: 0 auto;
  278. padding: 0;
  279. background: url(m17.jpg) no-repeat;
  280. background-size: cover;
  281. position: relative;
  282. }
  283. .resultsm18{
  284. width: 320px;
  285. height: 387px;
  286. margin: 0 auto;
  287. padding: 0;
  288. background: url(m18.jpg) no-repeat;
  289. background-size: cover;
  290. position: relative;
  291. }
  292. .resultsm19{
  293. width: 320px;
  294. height: 387px;
  295. margin: 0 auto;
  296. padding: 0;
  297. background: url(m19.jpg) no-repeat;
  298. background-size: cover;
  299. position: relative;
  300. }
  301. .resultsm20{
  302. width: 320px;
  303. height: 387px;
  304. margin: 0 auto;
  305. padding: 0;
  306. background: url(m20.jpg) no-repeat;
  307. background-size: cover;
  308. position: relative;
  309. }
  310. .ul-list{
  311. margin: 0 auto;
  312. padding: 0;
  313. width: 320px;
  314. height: 32px;
  315. padding-top: 5px;
  316. }
  317. .ul-list li{
  318. list-style-type: none;
  319. width: 64px;
  320. height: 64px;
  321. display: inline-block;
  322. margin: 0 auto;
  323. padding: 0;
  324. float: left;
  325. }
  326. .active{
  327. box-shadow: 0 0 20px 10px rgba(237, 25, 24, 1), inset 0 0 0 1px rgba(237, 25, 24, 1);
  328. }
  329. .wrapper-result{
  330. position: fixed;
  331. top: 0;
  332. left: 0;
  333. width: 100%;
  334. height: 100%;
  335. margin: 0 auto;
  336. padding: 0;
  337. display: none;
  338. z-index:9999;
  339. }
  340. #result{
  341. width: 90%;
  342. margin: 0 auto;
  343. padding: 0;
  344. min-height: 15em;
  345. height: auto;
  346. border: 3px solid salmon;
  347. border-radius: 2em;
  348. margin-top: 15em;
  349. background: #fff;
  350. padding-bottom: 1em;
  351. }
  352. .result-header{
  353. text-align: center;
  354. font-size: 1.5em;
  355. color: #da4f49;
  356. }
  357. .result-content{
  358. padding: 0 1em;
  359. font-size: 2em;
  360. padding-bottom: 0.5em;
  361. text-align: center;
  362. padding-top: 1em;
  363. color: #da4f49;
  364. }
  365. .share-tip{
  366. width: 100%;
  367. }
  368. .share-tip img{
  369. width: 100%;
  370. height: auto;
  371. }
  372. .tool-button{
  373. margin: 0 auto;
  374. position: absolute;
  375. text-align: center;
  376. top: 260px;
  377. width: 320px;
  378. }
  379. .tool-button label{
  380. color:#ffffff;
  381. font-weight: bold;
  382. font-size:30px;
  383. line-height:44px;
  384. padding-left:40px;
  385. }
  386. .tool-button .sext{
  387. color:#ffffff;
  388. font-weight: bold;
  389. font-size:30px;
  390. line-height:44px;
  391. padding-left:40px;
  392. }
  393. .tool-button span{
  394. display: inline-block;
  395. width: 3em;
  396. height: 2em;
  397. line-height: 1em;
  398. background: #da4f49;
  399. border-radius:2em;
  400. color: #ffffff;
  401. padding: 1em 0.5em;
  402. font-size: 1.4em;
  403. background-image: -moz-linear-gradient(top, #d91313, #640808);
  404. position: absolute;
  405. top:-185%;
  406. right:10px;
  407. font-weight: bold;
  408. }
  409. .tool-button #sex1{
  410. width:38px;
  411. height:38px;
  412. opacity: 0;
  413. margin:0;
  414. }
  415. .tool-button #sex2{
  416. width:38px;
  417. height:38px;
  418. opacity: 0;
  419. }
  420. .tool-button .sext{
  421. cursor: pointer;
  422. height: 38px;
  423. left: 240px;
  424. position: absolute;
  425. top: 20%;
  426. width: 38px;
  427. margin:0;
  428. }
  429. .tool-button label{
  430. background: url(1.png) no-repeat;;
  431. cursor: pointer;
  432. height: 38px;
  433. left: 150px;
  434. position: absolute;
  435. top: 20%;
  436. width: 38px;
  437. margin:0;
  438. }
  439. .tool-button .dian{
  440. cursor: pointer;
  441. background:#ff0000;
  442. height: 1px;
  443. width: 1px;
  444. border-radius: 50%;
  445. content: "";
  446. transition: opacity 0.3s ease 0s;
  447. margin:0;
  448. padding:0 0 20px 20px;
  449. left: 160px;
  450. position: absolute;
  451. top: 37%;
  452. }
  453. .tool-button .dian2{
  454. left: 250px;
  455. position: absolute;
  456. top: 37%;
  457. }
  458. .again{
  459. text-align: center;
  460. }
  461. .again span{
  462. display: inline-block;
  463. width: 5em;
  464. height: 2em;
  465. line-height: 2em;
  466. background: #da4f49;
  467. border-radius: 1em;
  468. color: #ffffff;
  469. margin: 0 auto;
  470. padding: 0.2em 1.5em;
  471. font-size: 1.5em;
  472. }
  473. .help-message{
  474. font-size: 1.3em;
  475. margin-bottom: 1em;
  476. text-align: center;
  477. padding: 0;
  478. }
  479. .help-image{
  480. margin: 0 auto;
  481. width: 50px;
  482. height: auto;
  483. display: block;
  484. }
  485. #windmill{
  486. height: 200px;
  487. width: 200px;
  488. position: absolute;
  489. margin-top: -500px;
  490. margin-left: 150px;
  491. }
  492. #ad{
  493. margin:0 auto;
  494. text-align:center;
  495. width:320px;
  496. }
  497. #info{
  498. display:none;
  499. }
  500. #tip img{width:100%;display: inline;}
  501. #mask {
  502. position: fixed;
  503. top: 0;
  504. left: 0;
  505. width: 100%;
  506. height: 100%;
  507. display: none;
  508. background-color: #333;
  509. -moz-opacity: 0.9;
  510. opacity: 0.9;
  511. z-index: 1;
  512. }
  513. h2{width:320px;margin:10px auto 20px;text-align: center;font-size:40px;line-height:50px;}
  514. #username {
  515. border:2px solid #848484;
  516. display: inline-block;
  517. font-size: 20px;
  518. height: 20px;
  519. line-height: 30px;
  520. padding: 8px 0.5em;
  521. width: 90px;
  522. margin-right:80px;
  523. margin-left:0px;
  524. }
  525. #mcover {
  526. width: 100%;
  527. background: rgba(0, 0, 0, 0.7);
  528. display: none;
  529. z-index: 20000;
  530. margin:0;
  531. padding:0;
  532. }
  533. #mcover img {
  534. position: fixed;
  535. right: 0;
  536. top: 5px;
  537. width: 100%!important;
  538. z-index: 20001;
  539. }
  540. .text {
  541. margin: 30px 0 15px;
  542. font-size: 14px;
  543. word-wrap: break-word;
  544. color: #727272;
  545. }
  546. #mess_share {
  547. margin: 15px 0;
  548. display: block;
  549. }
  550. #share_1 {
  551. float: left;
  552. width: 49%;
  553. display: block;
  554. }
  555. #share_2 {
  556. float: right;
  557. width: 49%;
  558. display: block;
  559. }
  560. .clr {
  561. display: block;
  562. clear: both;
  563. height: 0;
  564. overflow: hidden;
  565. }
  566. .button2 {
  567. font-size: 24px;
  568. padding:12px 0;
  569. border: 1px solid #adadab;
  570. color: #000000;
  571. background-color: #e8e8e8;
  572. background-image: linear-gradient(to top, #dbdbdb, #f4f4f4);
  573. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef;
  574. text-shadow: 0.5px 0.5px 1px #fff;
  575. text-align: center;
  576. border-radius: 3px;
  577. width: 100%;
  578. }
  579. #mess_share img {
  580. width: 35px!important;
  581. height: 35px!important;
  582. vertical-align: top;
  583. border: 0;
  584. }
  585. .retry button{
  586. font-size:24px;
  587. padding:22px 55px;
  588. }
  589. #footad{
  590. text-align:center;
  591. width:320px;
  592. margin:10px auto;
  593. }
  594. </style>
  595. </head>
  596. <body screen_capture_injected="true">
  597. <div id="ceshuResult"></div>
  598. <script type="text/javascript">
  599. var game_id;
  600. //设置游戏id
  601. game_id = 5;
  602. var chuanyue={
  603. $:function(id){
  604. return document.getElementById(id);
  605. },
  606. isIE6:!-[1,]&&/msie 6/.test(navigator.userAgent.toLowerCase() ),
  607. getBrowserSize : function(attr){ //获取浏览器窗口宽高
  608. var size= attr=='w' ? document.body.clientWidth : document.body.clientHeight;
  609. if(document.compatMode == "CSS1Compat"){size= attr=='w' ? document.documentElement.clientWidth : document.documentElement.clientHeight;}
  610. return +size;
  611. },
  612. getElSize : function(el,attr){ //获取元素的宽高
  613. if(typeof el != 'object'){el=this.$(el);}
  614. if(!el){return false;}
  615. var size= attr=='w' ? el.style.width : el.style.height;
  616. size=size.replace('px','');
  617. if(!size){size= attr=='w' ? el.offsetWidth : el.offsetHeight;}
  618. return +size;
  619. },
  620. scrollPosition : function(){ //获取滚动条垂直位置
  621. return document.documentElement.scrollTop || document.body && document.body.scrollTop || 0;
  622. },
  623. addEvents : function(target, type, func) {
  624. if(target.addEventListener){ //非ie 和ie9
  625. target.addEventListener(type, func, false);
  626. }else if(target.attachEvent){ //ie6到ie8
  627. target.attachEvent("on" + type, func);
  628. }else{ target["on" + type] = func;} //ie5
  629. }
  630. };
  631. function calculateRes(name, sex){
  632. var num = 0;
  633. var note = "";
  634. var notes = "";
  635. var a=encodeURIComponent(name);
  636. for(var i=0;i<a.length;i++){
  637. var b=a.substring(i,i+1).charCodeAt();
  638. num=num+b;
  639. }
  640. if(sex==2){
  641. var res = num%11;
  642. if(res+1>11){
  643. res = 11;
  644. }else{
  645. res = Number(res)+1;
  646. }
  647. if(res==1){
  648. note = "穿越到了汉末三国时期,变成了小乔,国色天香,姿貌绝伦。";
  649. notes = "穿越到了汉末三国时期,变成了小乔。";
  650. }else if(res==2){
  651. note = "穿越到了西汉,变成了王昭君,出塞和亲,边塞的烽烟熄灭了50年。";
  652. notes = "穿越到了西汉,变成了王昭君。";
  653. }else if(res==3){
  654. note = "穿越到了清朝,变成了孝庄文皇后,统两朝之孝养,极三世之尊亲。";
  655. notes = "穿越到了清朝,变成了孝庄文皇后。";
  656. }else if(res==4){
  657. note = "穿越到了清朝,变成了甄嬛,女中诸葛,有着绝世容貌与过人才情";
  658. notes = "穿越到了清朝,变成了甄嬛。";
  659. }else if(res==5){
  660. note = "穿越到了清朝,变成了小燕子,古灵精怪,侠肝义胆,活泼调皮,直来直去。";
  661. notes = "穿越到了清朝,变成了小燕子。";
  662. }else if(res==6){
  663. note = "穿越到了唐朝,变成了武则天,拥有治国之才,容人之量,知人之智,用人之术。";
  664. notes = "穿越到了唐朝,变成了武则天。";
  665. }else if(res==7){
  666. note = "穿越到了唐朝,变成了杨玉环,有着倾国倾城之美,又精通音律,善歌舞。";
  667. notes = "穿越到了唐朝,变成了杨玉环。";
  668. }else if(res==8){
  669. note = "穿越到了西楚,变成了虞姬,相传容颜倾城,文武双全,舞姿美艳。";
  670. notes = "穿越到了西楚,变成了虞姬。";
  671. }else if(res==9){
  672. note = "穿越到了南宋时期,变成了小龙女,超凡脱俗,冰雪聪明,为情而痴。";
  673. notes = "穿越到了南宋时期,变成了小龙女。";
  674. }else if(res==10){
  675. note = "穿越到了明朝,变成了任盈盈,如仙人白玉,秀丽绝伦,娇美不可方物。";
  676. notes = "穿越到了明朝,变成了任盈盈。";
  677. }else{
  678. note = "穿越到了东晋,变成了祝英台,才华横溢,性格善良,为爱殉情的痴情女。";
  679. notes = "穿越到了东晋,变成了祝英台。";
  680. }
  681. }else{
  682. var res = num%20;
  683. if(res+1>20){
  684. res = 20;
  685. }else{
  686. res = Number(res)+1;
  687. }
  688. if(res==1){
  689. note = "穿越到了秦朝,变成了秦始皇,统一六国。开拓疆土,被称为千古一帝。";
  690. notes = "穿越到了秦朝,变成了秦始皇。";
  691. }else if(res==2){
  692. note = "穿越到了宋朝,变成了正义的化身包拯,刚正不阿,嫉恶如仇,秉公断案。";
  693. notes = "穿越到了宋朝,变成了正义的化身包拯。";
  694. }else if(res==3){
  695. note = "穿越到了宋朝,变成了岳飞,带领岳家军积极抗金,浴血沙场,赤胆忠心。";
  696. notes = "穿越到了宋朝,变成了岳飞。";
  697. }else if(res==4){
  698. note = "穿越到了汉朝,变成了汉武帝,开创了西汉王朝最鼎盛繁荣的时期。";
  699. notes = "穿越到了汉朝,变成了汉武帝。";
  700. }else if(res==5){
  701. note = "穿越到了楚国,变成了项羽,拥有豪迈性格,生当做人杰,死亦为鬼雄。";
  702. notes = "穿越到了楚国,变成了项羽。";
  703. }else if(res==6){
  704. note = "穿越到了春秋时期鲁国,变成了孔子,是最具国际影响的中国人。";
  705. notes = "穿越到了春秋时期鲁国,变成了孔子。";
  706. }else if(res==7){
  707. note = "穿越到了唐朝,变成了李世民,开创贞观之治,为唐朝百年的盛世奠定了基础。";
  708. notes = "穿越到了唐朝,变成了李世民。";
  709. }else if(res==8){
  710. note = "穿越到了三国时期,变成了赵云,他缜密,沉稳,忠勇,自律,近乎完人";
  711. notes = "穿越到了三国时期,变成了赵云。";
  712. }else if(res==9){
  713. note = "穿越到了三国时期,变成了关羽,其为人忠肝义胆,其勇无比。";
  714. notes = "穿越到了三国时期,变成了关羽。";
  715. }else if(res==10){
  716. note = "穿越到了唐朝,变成了程咬金,骁勇异常,善于马上击槊,是一员福将。";
  717. notes = "穿越到了唐朝,变成了程咬金。";
  718. }else if(res==11){
  719. note = "穿越到了北齐时期,变成了高长恭,貌柔心壮,音容兼美,文武兼备,智勇双全。";
  720. notes = "穿越到了北齐时期,变成了高长恭。";
  721. }else if(res==12){
  722. note = "穿越到了清朝,变成了纪晓岚,编撰四库全书,风趣,幽默,机智,勇敢。";
  723. notes = "穿越到了清朝,变成了纪晓岚。";
  724. }else if(res==13){
  725. note = "穿越到了明朝,变成了唐伯虎,才华出众,有理想抱负,是位天才画家。";
  726. notes = "穿越到了明朝,变成了唐伯虎。";
  727. }else if(res==14){
  728. note = "穿越到了清朝,变成了贾宝玉,尊重女性,挑战传统,追求自由,为爱痴狂。";
  729. notes = "穿越到了清朝,变成了贾宝玉。";
  730. }else if(res==15){
  731. note = "穿越到了明朝,变成了朱元璋,神威英武,收揽英雄,平定四海,纳谏如流。";
  732. notes = "穿越到了明朝,变成了朱元璋。";
  733. }else if(res==16){
  734. note = "穿越到了北宋时期,变成了杨延昭,威震辽邦的爱国将领,与士卒同甘共苦。";
  735. notes = "穿越到了北宋时期,变成了杨延昭。";
  736. }else if(res==17){
  737. note = "穿越到了金朝,变成了成吉思汗,结束五代十国中原大地的乱局。";
  738. notes = "穿越到了金朝,变成了成吉思汗。";
  739. }else if(res==18){
  740. note = "穿越到了三国时期,变成了诸葛亮,拥有治国治军的才能,济世爱民,谦虚谨慎。";
  741. notes = "穿越到了三国时期,变成了诸葛亮。";
  742. }else if(res==19){
  743. note = "穿越到了东汉末年,变成了东吴名将周瑜,风姿英发,心胸广阔,爱惜人才。";
  744. notes = "穿越到了东汉末年,变成了东吴名将周瑜。";
  745. }else{
  746. note = "穿越到了三国时期,变成了孙权,头脑冷静,深谋远虑而又雄心勃勃。";
  747. notes = "穿越到了三国时期,变成了孙权。";
  748. }
  749. }
  750. note = "“"+name+"”"+note;
  751. notes = "“"+name+"”"+notes;
  752. $("#results").removeAttr("class");
  753. if(sex==2){
  754. $("#results").attr("class", "resultsw"+res);
  755. $.cookie("S1314"+game_id, "w0"+res, {expires: 3});
  756. }else{
  757. $("#results").attr("class", "resultsm"+res);
  758. $.cookie("S1314"+game_id, "m0"+res, {expires: 3});
  759. }
  760. $("#infos").text(notes);
  761. $("#resNote").html(note);
  762. $(document).attr('title',notes+"穿越回古代你会是谁?");
  763. }
  764. function timeTravel(name, sex){
  765. var ie6=chuanyue.isIE6;
  766. if(ie6&&document.readyState!=='complete') return;
  767. var tBox=chuanyue.$('tBox')
  768. if(!tBox){
  769. tBox=document.createElement("div");
  770. tBox.setAttribute("id","tBox");
  771. }else{
  772. tBox.style.display='block';
  773. tBox.style.opacity = '1';
  774. tBox.style["-moz-opacity"] = '1';
  775. tBox.style["filter"] = "alpha(opacity=100)";
  776. }
  777. tBox.style.position=ie6 ? 'absolute' : 'fixed' ;
  778. tBox.style.top=((ie6?chuanyue.scrollPosition():0)+ chuanyue.getBrowserSize('h')/2 - chuanyue.getElSize(tBox,'h')/2) + 'px';
  779. tBox.style.left=(chuanyue.getBrowserSize('w')/2 - chuanyue.getElSize(tBox,'w')/2) + 'px';
  780. chuanyue.addEvents(window,'scroll',function(){
  781. tBox.style.top=((ie6?chuanyue.scrollPosition():0) + chuanyue.getBrowserSize('h')/2 - chuanyue.getElSize(tBox,'h')/2) + 'px';
  782. })
  783. chuanyue.addEvents(window,'resize',function(){
  784. tBox.style.top=((ie6?chuanyue.scrollPosition():0) + chuanyue.getBrowserSize('h')/2 - chuanyue.getElSize(tBox,'h')/2) + 'px';
  785. tBox.style.left=(chuanyue.getBrowserSize('w')/2 - chuanyue.getElSize(tBox,'w')/2) + 'px';
  786. })
  787. window.setTimeout(function(){
  788. calculateRes(name, sex);
  789. $("#results").show();
  790. $("#main-bg").hide();
  791. var opacity=99;
  792. var gradualTimer=window.setInterval(function(){
  793. if(opacity>-1){
  794. tBox.style.opacity='0.'+((opacity<10&&opacity>-1)?'0'+opacity: opacity);
  795. tBox.style['-moz-opacity']='0.'+((opacity<10&&opacity>-1)?'0'+opacity: opacity);
  796. tBox.style.filter='alpha(opacity='+opacity+')'
  797. }else{
  798. window.clearInterval(gradualTimer);
  799. $("#tBox").hide();
  800. }
  801. opacity--;
  802. },30)
  803. },1800)
  804. }
  805. function goHistory(){
  806. var name = $("#username").val();
  807. if(name == "" || name.length == 0){
  808. alert("请输入姓名!");
  809. $("#username").focus();
  810. return false;
  811. }
  812. var sex = $("#infos").attr("sex");
  813. $("#tBox").show();
  814. timeTravel(name, sex);
  815. }
  816. function retry(){
  817. location.href = location.href;
  818. }
  819. function choice(type){
  820. if(type==1){
  821. $("#sex1s").show();
  822. $("#sex2s").hide();
  823. $("#infos").removeAttr("sex");
  824. $("#infos").attr("sex", "1");
  825. }else{
  826. $("#sex1s").hide();
  827. $("#sex2s").show();
  828. $("#infos").removeAttr("sex");
  829. $("#infos").attr("sex", "2");
  830. }
  831. }
  832. </script>
  833. <div id="tBox" class="through" style="position: fixed; top:0px;width:100%;height:100%;background:#000000;display:none;color:#ffffff;font-size:30px;z-index:1;text-align: center;padding-top:200px;font-weight: bold;">正在穿越中......</div>
  834. <div id="main-bg">
  835. <div class="tool-button" style="">
  836. <input id="username" type="text" placeholder="输入名字" name="username">
  837. <input id="sex1" type="radio" checked="checked" name="sexs" value="1" onClick="choice(1)">
  838. <label class="sex" for="sex1">男</label>
  839. <span id="sex1s" class="dian"></span>
  840. <input id="sex2" type="radio" name="sexs" value="2" onClick="choice(2)">
  841. <label class="sex sext" for="sex2">女</label>
  842. <span id="sex2s" class="dian dian2" style="display:none;"></span>
  843. <span id="start-button" onClick="goHistory();">
  844. 立即<br/>穿越
  845. </span>
  846. </div>
  847. </div>
  848. <div id="results" style="display:none;" class="results1">
  849. <div class="tool-button">
  850. <div style="text-align: center;padding-bottom: 2em;font-size:14px;padding: 0 17px;color:#ffffff;font-weight: bold;">
  851. <div id="resNote"></div>
  852. <img src="1.gif" /> 好牛呀!点右上角分享给好友们!
  853. </div>
  854. </div>
  855. </div>
  856. <div id="infos" style="display:none" sex="1"></div>
  857. <div id="footad">
  858. </div>
  859. <div class="more_test_list" id="more_test">
  860. <dt><h2>↓ 更多好玩测试 ↓</h2></dt>
  861. <dd><a href="../huihuang/"><li>测测你一生中最辉煌的年龄</li></a><a href="../nianxin/"><li>测测年薪多少才配得上你?</li></a><a href="../kaiche/"><li>测你五年内会开什么车</li></a><a href="../tiansheng/"><li>测测你天生是什么命</li></a><a href="../qianshi/"><li>测测你前世是什么人</li></a><a href="../chuanyue/"><li>穿越回古代你会是谁?</li></a><a href="../ceo/"><li>测你会成为哪家公司总裁。</li></a><a href="../qianshi/"><li>测测你前世是什么人</li></a></dd>
  862. </div>
  863. <footer style="margin-top:10px; font-size:10px; color:#bbb; text-align:center;">
  864. 郑重承诺:本页面为纯静态HTML制作,绝不收集任何用户信息!
  865. </footer>
  866. <textarea id="adhtml" style="display:none">
  867. <button onClick="location.href='http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd'">关注我们</button>
  868. <button onClick="location.href='http://game.ikongzhong.cn/'">智力游戏</button>
  869. </textarea>
  870. <script>
  871. infos=$("#adhtml").val();
  872. $("#footad").append(infos);
  873. </script>
  874. <div style="display:none">
  875. <script language="javascript" type="text/javascript" src="http://js.users.51.la/15858550.js"></script>
  876. </div>
  877. </body>