index.html 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  5. <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">
  6. <title>飞翔吧!小帅</title>
  7. <script type="text/javascript">
  8. var _config = {}; _config['isSite'] = './';_config["isCount"] = "./";_config["isSites"] = "http://game.ikongzhong.cn/";
  9. var _con = {}; _con["num"] = 7;
  10. </script>
  11. <script type="text/javascript" src="./js/jquery.min.js"></script>
  12. <script src="./js/7/jq171.js" type="text/javascript"></script>
  13. <script src="./js/7/m.js?device=1"></script>
  14. <script src="./js/7/createjs.js"></script>
  15. <script src="./js/7/ndgmr.Collision.js"></script>
  16. <script type="text/javascript" src="./js/count.js"></script>
  17. <style type="text/css">
  18. body {
  19. margin: 0px; padding: 0px; height: auto;
  20. }
  21. ul {
  22. list-style: none; margin: 0px; padding: 0px;
  23. }
  24. img {
  25. margin: 0px; border: currentColor; border-image: none;
  26. }
  27. input {
  28. background: rgb(255, 255, 255); margin: 0px; padding: 0.3em 0.5em 0.4em; border: 1px solid rgb(119, 119, 119); border-image: none; height: 2em; font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  29. }
  30. select {
  31. background: rgb(255, 255, 255); margin: 0px; padding: 0.3em 0.5em 0.4em; border: 1px solid rgb(119, 119, 119); border-image: none; height: 2em; font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  32. }
  33. textarea {
  34. background: rgb(255, 255, 255); margin: 0px; padding: 0.3em 0.5em 0.4em; border: 1px solid rgb(119, 119, 119); border-image: none; height: 2em; font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  35. }
  36. * {
  37. -ms-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);
  38. }
  39. h1 {
  40. margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
  41. }
  42. h2 {
  43. margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
  44. }
  45. h3 {
  46. margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
  47. }
  48. h4 {
  49. margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
  50. }
  51. h5 {
  52. margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
  53. }
  54. h6 {
  55. margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
  56. }
  57. h1 {
  58. font-size: 4em;
  59. }
  60. .h1 {
  61. font-size: 4em;
  62. }
  63. h2 {
  64. font-size: 3em;
  65. }
  66. .h2 {
  67. font-size: 3em;
  68. }
  69. h3 {
  70. font-size: 2.5em;
  71. }
  72. .h3 {
  73. font-size: 2.5em;
  74. }
  75. h4 {
  76. font-size: 2em;
  77. }
  78. .h4 {
  79. font-size: 2em;
  80. }
  81. h5 {
  82. font-size: 1.5em;
  83. }
  84. .h5 {
  85. font-size: 1.5em;
  86. }
  87. h6 {
  88. font-size: 1.2em;
  89. }
  90. .h6 {
  91. font-size: 1.2em;
  92. }
  93. p {
  94. line-height: 1.7em; font-size: 1.2em;
  95. }
  96. .CLEANLILY {
  97. margin: 0px; padding: 0px; border: currentColor; border-image: none;
  98. }
  99. .NO-SELETE {
  100. -ms-user-select: none; user-select: none; -webkit-user-select: none;
  101. }
  102. .FULL-SCREEN {
  103. position: relative;
  104. }
  105. .APP-STAGE {
  106. left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
  107. }
  108. .INSET-STAGE {
  109. top: 0px; width: 100%; bottom: 0px; overflow: hidden; position: absolute;
  110. }
  111. .STAGE {
  112. width: 100%; height: 100%; position: relative;
  113. }
  114. .PAGE-STAGE {
  115. width: 100%; position: relative;
  116. }
  117. .PAGE-BOX {
  118. width: 100%; position: relative;
  119. }
  120. .PAGE {
  121. width: 100%; position: relative;
  122. }
  123. .INSET-PAGE {
  124. width: 100%; position: relative;
  125. }
  126. .APP-STAGE .PAGE-STAGE {
  127. left: 0px; position: absolute;
  128. }
  129. .APP-STAGE .PAGE-BOX {
  130. left: 0px; position: absolute;
  131. }
  132. .APP-STAGE .PAGE {
  133. left: 0px; top: 0px; position: absolute; min-height: 100%;
  134. }
  135. .APP-STAGE .INSET-PAGE {
  136. left: 0px; top: 0px; position: absolute; min-height: 100%;
  137. }
  138. .PAGE-STAGE > .PAGE {
  139. left: 0px; top: 0px; position: absolute; min-height: 100%;
  140. }
  141. .PAGE-STAGE > .PAGE > .INSET-PAGE {
  142. left: 0px; top: 0px; position: absolute; min-height: 100%;
  143. }
  144. .CONTENT {
  145. position: relative;
  146. }
  147. .CASE {
  148. position: absolute;
  149. }
  150. .BIN {
  151. position: absolute;
  152. }
  153. .BANNER {
  154. width: 100%;
  155. }
  156. .FOOTER {
  157. left: 0px; width: 100%; bottom: 0px; position: absolute; z-index: 1000;
  158. }
  159. .BOX-V {
  160. flex-direction: column; box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical;
  161. }
  162. .BOX-D {
  163. justify-content: center; align-items: flex-end; box-align: end; -webkit-box-pack: center;
  164. }
  165. .BOX-M {
  166. justify-content: center; align-items: center; box-align: center; box-pack: center; -webkit-box-pack: center; -webkit-box-align: center;
  167. }
  168. .BOX-S {
  169. flex:1 1 0px; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;
  170. }
  171. .BOX {
  172. display: -ms-flexbox;
  173. }
  174. .BOX-V {
  175. display: -ms-flexbox;
  176. }
  177. .BOX-D {
  178. display: -ms-flexbox;
  179. }
  180. .BOX-M {
  181. display: -ms-flexbox;
  182. }
  183. .FOOTER {
  184. display: -ms-flexbox;
  185. }
  186. .BBOX {
  187. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  188. }
  189. .BOX {
  190. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  191. }
  192. .APP-STAGE {
  193. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  194. }
  195. .INSET-STAGE {
  196. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  197. }
  198. .STAGE {
  199. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  200. }
  201. .PAGE-STAGE {
  202. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  203. }
  204. .PAGE {
  205. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  206. }
  207. .PAGE-BOX {
  208. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  209. }
  210. .INSET-PAGE {
  211. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  212. }
  213. .FOOTER {
  214. box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  215. }
  216. .FILL {
  217. left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
  218. }
  219. .FILL-W {
  220. width: 100%; display: block;
  221. }
  222. .FILL-H {
  223. height: 100%; display: block;
  224. }
  225. .BG-CENTER {
  226. background-position: center;
  227. }
  228. .BG-FILL {
  229. background-repeat: no-repeat; background-size: 100% 100%;
  230. }
  231. .BG-FILL-W {
  232. background-repeat: no-repeat; background-size: 100% auto;
  233. }
  234. .BG-FILL-H {
  235. background-repeat: no-repeat; background-size: auto 100%;
  236. }
  237. .BG-H {
  238. background-position: center; background-repeat: no-repeat; background-size: auto 100%;
  239. }
  240. .SCROLL {
  241. overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow: auto;
  242. }
  243. .SCROLL-X {
  244. overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow: auto;
  245. }
  246. .SCROLL-Y {
  247. overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow: auto;
  248. }
  249. .SCROLL {
  250. overflow: auto;
  251. }
  252. .SCROLL-X {
  253. -ms-overflow-x: auto; -ms-overflow-y: hidden;
  254. }
  255. .SCROLL-Y {
  256. -ms-overflow-x: hidden; -ms-overflow-y: auto;
  257. }
  258. .iSCROLL-BOX {
  259. overflow: hidden;
  260. }
  261. .iSCROLL-BOX {
  262. -ms-user-select: none; -ms-touch-action: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  263. }
  264. .iSCROLLER {
  265. -ms-user-select: none; -ms-touch-action: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  266. }
  267. .iSCROLL-BOX .iSCROLLER {
  268. transform-origin: 0% 0%; transition-property: transform; transition-duration: 0s; transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform-origin: 0 0; -webkit-transition-duratio: 0; -webkit-transition-property: -webkit-transform;
  269. }
  270. .INP-BAR {
  271. width: 100%; display: block;
  272. }
  273. .INP-CELL {
  274. flex:1 1 0px; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;
  275. }
  276. .NO-TOUCH {
  277. -ms-touch-action: none;
  278. }
  279. #CONSOLE-LOG {
  280. background: rgba(0, 0, 0, 0.5); padding: 1%; left: 0px; width: 98%; bottom: 0px; color: rgb(255, 255, 255); font-size: 12px; position: fixed; min-height: 10%; max-height: 50%;
  281. }
  282. .LOADING-PAGE {
  283. left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 1000; -ms-user-select: none; -ms-touch-action: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;
  284. }
  285. .MASK {
  286. left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 1000; -ms-user-select: none; -ms-touch-action: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;
  287. }
  288. .undefined.LOADING-PAGE {
  289. background-color: rgba(0, 0, 0, 0.4);
  290. }
  291. .undefined.LOADING-PAGE .CASE {
  292. top: 45%; width: 100%; text-align: center;
  293. }
  294. .undefined.LOADING-PAGE i {
  295. margin: 0px 0.4em; border-radius: 1em; width: 1em; height: 1em; display: none; box-shadow: 0px 0px 2px #fff; background-color: rgba(255, 255, 255, 0.9);
  296. }
  297. .undefined.LOADING-PAGE i {
  298. animation:loadingboom 3s ease-out infinite; -webkit-animation: loadingboom 3s infinite ease-out;
  299. }
  300. .EFF-blur {
  301. -webkit-filter: blur(1px);
  302. }
  303. .EFF-shadow-bottom {
  304. position: relative;
  305. }
  306. .EFF-shadow-bottom::after {
  307. left: 2%; width: 96%; height: 1px; bottom: 0px; position: absolute; z-index: -1; content: ""; box-shadow: 0px 0.1em 0.4em #000, 0px 0.1em 0.4em #000;
  308. }
  309. .EFF-shadow-inset-bottom {
  310. overflow: hidden; position: relative;
  311. }
  312. .EFF-shadow-inset-bottom::after {
  313. left: -5%; width: 110%; height: 3px; bottom: -3px; position: absolute; content: ""; box-shadow: 0px 0px 0.8em #000, 0px 0px 0.2em #000;
  314. }
  315. .EFF-shadow-1 {
  316. position: relative; z-index: 2;
  317. }
  318. .EFF-shadow-1::after {
  319. border-radius: 2em; width: 50%; height: 20%; bottom: 0.8em; position: absolute; z-index: -1; content: ""; box-shadow: 0px 1em 0.5em rgba(0,0,0,0.7);
  320. }
  321. .EFF-shadow-1::before {
  322. border-radius: 2em; width: 50%; height: 20%; bottom: 0.8em; position: absolute; z-index: -1; content: ""; box-shadow: 0px 1em 0.5em rgba(0,0,0,0.7);
  323. }
  324. .EFF-shadow-1::after {
  325. left: 2%; transform: rotate(-3deg); -webkit-transform: rotate(-3deg);
  326. }
  327. .EFF-shadow-1::before {
  328. right: 2%; transform: rotate(3deg); -webkit-transform: rotate(3deg);
  329. }
  330. .EFF-BLACK::after {
  331. left: 0px; width: 100%; height: 100%; right: 0px; position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.2);
  332. }
  333. .EFF-cube {
  334. perspective-origin: center center; perspective: 32em; -webkit-perspective-origin: center center; -webkit-perspective: 32em;
  335. }
  336. .EFF-cube .cube-box {
  337. position: relative;
  338. }
  339. .EFF-cube .cube-box {
  340. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  341. }
  342. .EFF-cube .cover {
  343. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  344. }
  345. .EFF-cube .cover-front {
  346. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  347. }
  348. .EFF-cube .cover-top {
  349. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  350. }
  351. .EFF-cube .cover-bottom {
  352. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  353. }
  354. .EFF-cube .cover-after {
  355. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  356. }
  357. .EFF-cube .cover-left {
  358. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  359. }
  360. .EFF-cube .cover-right {
  361. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  362. }
  363. .EFF-cube .cover-back {
  364. width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
  365. }
  366. .EFF-cube .cover {
  367. left: 0px; top: 0px; position: absolute;
  368. }
  369. .EFF-cube .cover-front {
  370. left: 0px; top: 0px; position: absolute;
  371. }
  372. .EFF-cube .cover-top {
  373. left: 0px; top: 0px; position: absolute;
  374. }
  375. .EFF-cube .cover-bottom {
  376. left: 0px; top: 0px; position: absolute;
  377. }
  378. .EFF-cube .cover-after {
  379. left: 0px; top: 0px; position: absolute;
  380. }
  381. .EFF-cube .cover-left {
  382. left: 0px; top: 0px; position: absolute;
  383. }
  384. .EFF-cube .cover-right {
  385. left: 0px; top: 0px; position: absolute;
  386. }
  387. .EFF-cube .cover-back {
  388. left: 0px; top: 0px; position: absolute;
  389. }
  390. .EFF-cube .cover-front {
  391. }
  392. .EFF-cube .cover-top {
  393. transform: rotateX(90deg); -webkit-transform: rotateX(90deg);
  394. }
  395. .EFF-cube .cover-bottom {
  396. transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg);
  397. }
  398. .EFF-cube .cover-after {
  399. transform: rotateX(180deg); -webkit-transform: rotateX(180deg);
  400. }
  401. .EFF-cube .cover-left {
  402. transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg);
  403. }
  404. .EFF-cube .cover-right {
  405. transform: rotateY(90deg); -webkit-transform: rotateY(90deg);
  406. }
  407. .EFF-cube .cover-back {
  408. transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
  409. }
  410. .APP-STAGE {
  411. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  412. }
  413. .INSET-STAGE {
  414. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  415. }
  416. .STAGE {
  417. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  418. }
  419. .PAGE-STAGE {
  420. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  421. }
  422. .PAGE-BOX {
  423. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  424. }
  425. .PAGE {
  426. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  427. }
  428. .INSET-PAGE {
  429. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  430. }
  431. .aniBOX {
  432. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  433. }
  434. .aniOBJ {
  435. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  436. }
  437. .ani1ms {
  438. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  439. }
  440. .ani2ms {
  441. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  442. }
  443. .ani3ms {
  444. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  445. }
  446. .ani4ms {
  447. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  448. }
  449. .ani5ms {
  450. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  451. }
  452. .ani6ms {
  453. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  454. }
  455. .ani8ms {
  456. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  457. }
  458. .ani1s {
  459. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  460. }
  461. .ani2s.ani15ms {
  462. -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
  463. }
  464. .aniOBJ {
  465. transition-property: all; -webkit-transition-property: all;
  466. }
  467. .ani1ms {
  468. transition-property: all; -webkit-transition-property: all;
  469. }
  470. .ani2ms {
  471. transition-property: all; -webkit-transition-property: all;
  472. }
  473. .ani3ms {
  474. transition-property: all; -webkit-transition-property: all;
  475. }
  476. .ani4ms {
  477. transition-property: all; -webkit-transition-property: all;
  478. }
  479. .ani5ms {
  480. transition-property: all; -webkit-transition-property: all;
  481. }
  482. .ani6ms {
  483. transition-property: all; -webkit-transition-property: all;
  484. }
  485. .ani8ms {
  486. transition-property: all; -webkit-transition-property: all;
  487. }
  488. .ani1s {
  489. transition-property: all; -webkit-transition-property: all;
  490. }
  491. .ani15ms {
  492. transition-property: all; -webkit-transition-property: all;
  493. }
  494. .ani2s {
  495. transition-property: all; -webkit-transition-property: all;
  496. }
  497. .ani3D {
  498. -webkit-transform-style: preserve-3d;
  499. }
  500. .ani1ms {
  501. transition-duration: 100ms; animation-duration: 100ms; -webkit-transition-duration: 100ms; -webkit-animation-duration: 100ms;
  502. }
  503. .ani2ms {
  504. transition-duration: 200ms; animation-duration: 200ms; -webkit-transition-duration: 200ms; -webkit-animation-duration: 200ms;
  505. }
  506. .ani3ms {
  507. transition-duration: 300ms; animation-duration: 300ms; -webkit-transition-duration: 300ms; -webkit-animation-duration: 300ms;
  508. }
  509. .ani4ms {
  510. transition-duration: 400ms; animation-duration: 400ms; -webkit-transition-duration: 400ms; -webkit-animation-duration: 400ms;
  511. }
  512. .ani5ms {
  513. transition-duration: 500ms; animation-duration: 500ms; -webkit-transition-duration: 500ms; -webkit-animation-duration: 500ms;
  514. }
  515. .ani6ms {
  516. transition-duration: 600ms; animation-duration: 600ms; -webkit-transition-duration: 600ms; -webkit-animation-duration: 600ms;
  517. }
  518. .ani8ms {
  519. transition-duration: 800ms; animation-duration: 800ms; -webkit-transition-duration: 800ms; -webkit-animation-duration: 800ms;
  520. }
  521. .ani1s {
  522. transition-duration: 1s; animation-duration: 1s; -webkit-transition-duration: 1s; -webkit-animation-duration: 1s;
  523. }
  524. .ani15ms {
  525. transition-duration: 1.5s; animation-duration: 1.5s; -webkit-transition-duration: 1.5s; -webkit-animation-duration: 1.5s;
  526. }
  527. .ani2s {
  528. transition-duration: 2s; -webkit-transition-duration: 2s; -webkit-animation-duration: 2s; nimation-duration: 2s;
  529. }
  530. .IN {
  531. z-index: 1000;
  532. }
  533. .OUT {
  534. z-index: 200;
  535. }
  536. .DIVE {
  537. }
  538. .IN.DIVE {
  539. transform-origin: left bottom; animation-name: DIVEIN; -webkit-transform-origin: left bottom; -webkit-animation-name: DIVEIN;
  540. }
  541. .OUT.DIVE {
  542. transform-origin: right bottom; animation-name: DIVE; -webkit-transform-origin: right bottom; -webkit-animation-name: DIVE;
  543. }
  544. .IN.DIVERIGHT {
  545. transform-origin: right bottom; animation-name: DIVERIGHTIN; -webkit-transform-origin: right bottom; -webkit-animation-name: DIVERIGHTIN;
  546. }
  547. .OUT.DIVERIGHT {
  548. transform-origin: right bottom; animation-name: DIVERIGHT; -webkit-transform-origin: right bottom; -webkit-animation-name: DIVERIGHT;
  549. }
  550. .OUT.SLIDEUP {
  551. animation-name: slideup; -webkit-animation-name: slideup;
  552. }
  553. .IN.SLIDEUP {
  554. animation-name: slideupin; -webkit-animation-name: slideupin;
  555. }
  556. .IN.SLIDEDOWN {
  557. animation-name: slidedown; -webkit-animation-name: slidedown;
  558. }
  559. .OUT.SLIDEDOWN {
  560. animation-name: slidedownout; -webkit-animation-name: slidedownout;
  561. }
  562. .PAGE.OUT.SLIDELEFT {
  563. box-shadow: 0px 0px 10px #000;
  564. }
  565. .PAGE.IN.SLIDELEFT {
  566. box-shadow: 0px 0px 10px #000;
  567. }
  568. .PAGE.IN.SLIDERIGHT {
  569. box-shadow: 0px 0px 10px #000;
  570. }
  571. .PAGE.OUT.SLIDERIGHT {
  572. box-shadow: 0px 0px 10px #000;
  573. }
  574. .OUT.SLIDELEFT {
  575. animation-name: slideleft; -webkit-animation-name: slideleft;
  576. }
  577. .IN.SLIDELEFT {
  578. animation-name: slideleftin; -webkit-animation-name: slideleftin;
  579. }
  580. .IN.SLIDERIGHT {
  581. animation-name: slideright; -webkit-animation-name: slideright;
  582. }
  583. .OUT.SLIDERIGHT {
  584. animation-name: sliderightout; -webkit-animation-name: sliderightout;
  585. }
  586. .OUT.FADE {
  587. animation-name: _fadeout; -webkit-animation-name: _fadeout;
  588. }
  589. .IN.FADE {
  590. animation-name: _fadein; -webkit-animation-name: _fadein;
  591. }
  592. .OUT.POPSHOW {
  593. animation-name: _popHide; -webkit-animation-name: _popHide;
  594. }
  595. .IN.POPSHOW {
  596. animation-name: popShow; -webkit-animation-name: _popShow;
  597. }
  598. .OUT.SHOWPOP {
  599. animation-name: _hidePop; -webkit-animation-name: _hidePop;
  600. }
  601. .IN.SHOWPOP {
  602. animation-name: _showPop; -webkit-animation-name: _showPop;
  603. }
  604. .JUMP {
  605. animation-name: _jump; -webkit-animation-name: _jump;
  606. }
  607. @media screen and (orientation:landscape) and (device-aspect-ratio:40 / 71)
  608. {
  609. #server-stage {
  610. bottom: 3em;
  611. }
  612. }
  613. .HIDE {
  614. display: none;
  615. }
  616. .VHIDE {
  617. visibility: hidden;
  618. }
  619. body {
  620. margin: 0px; padding: 0px; height: 100%; text-align: center; overflow: hidden; font-family: "helvetica";
  621. }
  622. html {
  623. margin: 0px; padding: 0px; height: 100%; text-align: center; overflow: hidden; font-family: "helvetica";
  624. }
  625. a {
  626. color: green;
  627. }
  628. #GameCanvas {
  629. margin-bottom: -4px; position: relative; z-index: 1; max-height: 100%; max-width: 100%;
  630. }
  631. #GameCanvasBOX {
  632. background: url("./vapp/7/background2.png") left center; background-size:100% 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: relative;overflow: hidden;height:910px;
  633. }
  634. .layer {
  635. left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
  636. }
  637. #startLayer {
  638. z-index: 10;
  639. }
  640. #startLayer #gameTap {
  641. left: 36%; width: 26%; bottom: 26%; position: absolute;
  642. }
  643. #gameName {
  644. left: 0px; top: 7%; width: 100%; height: auto; text-align: center; position: absolute; z-index: 8;
  645. }
  646. #gameName img{ width:100%;}
  647. .FBfont
  648. {
  649. width: auto; height: 100%; display: inline-block;
  650. }
  651. #gameCounter
  652. {
  653. right: 13%; top: 7.7%; width: 38%; height: 0px; text-align: center; display: none; position: absolute; z-index: 9;
  654. }
  655. #gameCounter .FBfont {
  656. height: 22px;
  657. }
  658. #gameScoreBorad {
  659. position: relative;
  660. }
  661. #gameScoreText
  662. {
  663. top: 63.5%; left: 20%; font-size: 30px; position: absolute;
  664. }
  665. #gameScoreText .FBfont {
  666. height: 22px;
  667. }
  668. #gameMenuLayer {
  669. z-index: 10;
  670. }
  671. #gameMenuLayer .box {
  672. width: 88%; margin:0 auto; margin-top:30px;
  673. }
  674. #gameBtnGroup {
  675. text-align: center; margin-top: 10px; position: relative; z-index: 20; width:100%;
  676. }
  677. #gameBtnGroup .btn {
  678. width: 25%; height: auto; display: inline-block;
  679. }
  680. #gameBtnGroup .btn:active {
  681. transform: scale(1.05); -webkit-transform: scale(1.05);
  682. }
  683. .text-share{ background:url(./vapp/7/text.png) no-repeat right center; width:100%; height:155px; background-size:contain; top:0; display: block;}
  684. .mod-pop{ position: fixed; width:100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9000; top:0; left: 0; display: none;}
  685. .mod-share a:active{
  686. opacity:0.8;
  687. filter:alpha(opacity=80);
  688. -moz-opacity:0.8;
  689. -khtml-opacity:0.8;
  690. }
  691. .mod-share{
  692. overflow: hidden;
  693. width: 96%;
  694. margin:10px 2%;
  695. text-align: center;
  696. }
  697. #share-wx{
  698. background:rgba(0,0,0,0.8);
  699. position:absolute;top:0px;
  700. left:0px;
  701. width:100%;
  702. height:100%;
  703. z-index:10000;
  704. display:none;
  705. }
  706. #wx-qr{
  707. background:rgba(0,0,0,0.8);
  708. position:absolute;top:0px;
  709. left:0px;
  710. width:100%;
  711. height:100%;
  712. z-index:10000;
  713. display:none;
  714. }
  715. .lis{margin-bottom: 10px;overflow: hidden;width: 100%;z-index: 1;}
  716. .lis a{display: block;width:99.9%;color:#ffffff;font-size:30px;text-decoration: none;background:#606783;text-align: center;line-height:60px;font-weight: bold;font-family:"微软雅黑";}
  717. .lis a img{position: relative;top: 1px;}
  718. </style>
  719. </head>
  720. <script>
  721. var isCount = 0;
  722. if(isCount==1){openCount(7);}
  723. function showPop(e) {
  724. var t = $(document).height();
  725. $(e).height(t).fadeIn();
  726. }
  727. function hidePop(e) {
  728. $(e).fadeOut()
  729. }
  730. $$.onready(function () {
  731. if (isset(fb)) {
  732. fb.loadfilelist = [
  733. { id: "bird", src: "./vapp/7/bird.cman.png" },
  734. { id: "background", src: "./vapp/7/background2.png" },
  735. { id: "ground", src: "./vapp/7/ground.2.png" },
  736. { id: "pipe", src: "./vapp/7/pipe2.png" },
  737. { src: "./vapp/7/f_0.png" },
  738. { src: "./vapp/7/f_1.png" },
  739. { src: "./vapp/7/f_2.png" },
  740. { src: "./vapp/7/f_3.png" },
  741. { src: "./vapp/7/f_4.png" },
  742. { src: "./vapp/7/f_5.png" },
  743. { src: "./vapp/7/f_6.png" },
  744. { src: "./vapp/7/f_7.png" },
  745. { src: "./vapp/7/f_8.png" },
  746. { src: "./vapp/7/f_9.png" }
  747. ];
  748. fb.birdconfig = {
  749. "frames": { "width": 106, "height": 114, "regX": 90, "regY": 60, "count": 2 },
  750. "animations": { "fly": [0, 1, "fly", .3], "dive": [0, 1, "dive", 1], "super": [0, 1, "super", .5] }
  751. };
  752. fb.noRelive = false;
  753. }
  754. });
  755. var mebtnopenurl = './game/';
  756. </script>
  757. <script type="text/javascript">
  758. var dataForWeixin = {
  759. appId: "wxce7d9241e643836b",
  760. TLImg: "http://game.ikongzhong.cn/icon/xiaoshuai.png",
  761. url: "http://game.ikongzhong.cn/games/xiaoshuai/",
  762. title: "听说酷跑变成炫飞了?来试试让金枪小帅飞翔起来,比比谁飞得更远",
  763. desc: "听说酷跑变成炫飞了?来试试让金枪小帅飞翔起来,比比谁飞得更远"
  764. };
  765. var onBridgeReady = function(){
  766. WeixinJSBridge.on('menu:share:appmessage', function(argv){
  767. var infos = $("#infos").text();
  768. if(isCount==1){shareCount(7);}
  769. WeixinJSBridge.invoke('sendAppMessage', {
  770. "appid": dataForWeixin.appId,
  771. "img_url": dataForWeixin.TLImg,
  772. "img_width": "120",
  773. "img_height": "120",
  774. "link": dataForWeixin.url + '?f=wx_hy_bb',
  775. "title": infos + dataForWeixin.title,
  776. "desc": dataForWeixin.desc
  777. });
  778. setTimeout(function () {location.href = mebtnopenurl;}, 1500);
  779. });
  780. WeixinJSBridge.on('menu:share:timeline', function(argv){
  781. var infos = $("#infos").text();
  782. if(isCount==1){shareCount(7);}
  783. WeixinJSBridge.invoke('shareTimeline', {
  784. "appid": dataForWeixin.appId,
  785. "img_url":dataForWeixin.TLImg,
  786. "img_width": "120",
  787. "img_height": "120",
  788. "link": dataForWeixin.url + '?f=wx_pyq_bb',
  789. "title": infos + dataForWeixin.title,
  790. "desc": dataForWeixin.desc
  791. });
  792. setTimeout(function () {location.href = mebtnopenurl;}, 1500);
  793. });
  794. };
  795. if(document.addEventListener){
  796. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  797. }else if(document.attachEvent){
  798. document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  799. document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
  800. }
  801. </script>
  802. <body>
  803. <div class="lis">
  804. <div style="float: left;width:33%;"><a style="border-bottom:5px solid #fd6766;" href="http://game.ikongzhong.cn/">游戏列表</a></div>
  805. <div style="float: left;width:34%;"><a style="border-bottom: 5px solid #04fece;" href="http://game.ikongzhong.cn/">关注收藏</a></div>
  806. <div style="float: left;width:33%;"><a style="width:100%;margin:0;border-bottom: 5px solid #fdcd01;" onclick="location.href=location.href;"><img width="26" src="./vapp/4.png">重玩</a></div>
  807. </div>
  808. <script type="text/javascript" src="./js/code.js"></script>
  809. <div id="ceshuResult"></div>
  810. <div id="GameCanvasBOX">
  811. <canvas id="GameCanvas" width="640" height="1008"></canvas>
  812. <div id="startLayer" class="layer" ><img id="gameTap" src="./vapp/7/tap.png"/></div>
  813. <div id="gameName" class="ani6ms HIDE"><img src="./vapp/7/fxFBfont.png" /></div>
  814. <div id="gameCounter" class="FBfont"></div>
  815. <div id="gameMenuLayer" class="layer BOX-M HIDE">
  816. <div class="box">
  817. <div id="gameScoreBorad">
  818. <img src="./vapp/7/borad2.png" class="FILL-W"/>
  819. <div id="gameScoreText"><img src="./vapp/7/f_2.png" class="FBfont"></div>
  820. </div>
  821. <div id="gameBtnGroup">
  822. <img id="restart-btn" class="btn ani1ms" src="./vapp/7/b1.png"/>
  823. <img id="share-btn" onclick="showPop('#pop-share')" class="btn ani1ms" style=" width:33.5%;" src="./vapp/7/b2.png"/>
  824. </div>
  825. </div>
  826. </div>
  827. <div class="mod-pop" id="pop-share" onclick="hidePop('#pop-share')"><span class="text-share"></span></div>
  828. </div>
  829. <script type="text/javascript" src="./js/7/fb.game.js?abcde"></script>
  830. <script type="text/javascript" src="./js/7/main.js?t=2014"></script>
  831. <div id="infos" style="display:none"></div>
  832. <div style="overflow: hidden;" align="center" id="bai">
  833. <div style="display: inline;float: left;">
  834. </div>
  835. </div>
  836. <script type="text/javascript" src="http://game.ikongzhong.cn/js/46.js"></script>
  837. <div style="display: none;"> <img src="http://img.tongji.linezing.com/3455448/tongji.gif"></div>
  838. </body>
  839. </html>