index1.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>我战胜了朋友圈84%的人,你一生会赚多少钱?</title>
  6. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <style>html, body {
  9. margin: 0;
  10. height: 100%;
  11. overflow: hidden;
  12. user-select: none;
  13. -webkit-user-select: none
  14. }
  15. canvas {
  16. position: fixed;
  17. top: 0;
  18. left: 0;
  19. display: block;
  20. height: 100%;
  21. margin: auto
  22. }
  23. .board {
  24. position: fixed;
  25. top: 0;
  26. left: 0;
  27. width: 100%;
  28. height: 100%;
  29. display: none;
  30. text-align: center
  31. }
  32. .board-img {
  33. height: 100%
  34. }
  35. .board-btn {
  36. position: absolute;
  37. width: 67%;
  38. left: 17%;
  39. height: 10%;
  40. top: 47%;
  41. cursor: pointer
  42. }
  43. .board-text {
  44. position: absolute;
  45. width: 80%;
  46. max-height: 30%;
  47. overflow: hidden;
  48. top: 22%;
  49. left: 10%;
  50. font-size: 34px;
  51. color: #2860ad
  52. }
  53. .share-tip {
  54. display: none;
  55. position: fixed;
  56. top: 0;
  57. left: 0;
  58. width: 100%;
  59. height: 100%;
  60. background: url(img/share_tip.png?1408476074) 50% 0 rgba(0, 0, 0, .6) no-repeat;
  61. background-size: 80% auto
  62. }
  63. .loading {
  64. position: fixed;
  65. top: 0;
  66. left: 0;
  67. background: rgba(0, 0, 0, .6);
  68. width: 100%;
  69. height: 100%
  70. }
  71. .loading-text {
  72. color: #fff;
  73. position: absolute;
  74. top: 40%;
  75. width: 100%;
  76. text-align: center
  77. }
  78. .start {
  79. position: fixed;
  80. top: 0;
  81. left: 0;
  82. width: 100%;
  83. height: 100%;
  84. background: url(img/start.jpg?1408476074) 50% 50% no-repeat;
  85. background-size: auto 100%
  86. }
  87. </style>
  88. <script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>
  89. </head>
  90. <body>
  91. <canvas id="canvas" width="640" height="960">alternate content</canvas>
  92. <div id="loading" class="loading">
  93. <div class="loading-text">疯狂载入中... [<span id="loading-progress">0</span>%]</div>
  94. </div>
  95. <script>
  96. var basePath="";
  97. </script>
  98. <script src="main.js"></script>
  99. </body>
  100. </html>