123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title>我战胜了朋友圈84%的人,你一生会赚多少钱?</title>
- <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <style>html, body {
- margin: 0;
- height: 100%;
- overflow: hidden;
- user-select: none;
- -webkit-user-select: none
- }
- canvas {
- position: fixed;
- top: 0;
- left: 0;
- display: block;
- height: 100%;
- margin: auto
- }
- .board {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: none;
- text-align: center
- }
- .board-img {
- height: 100%
- }
- .board-btn {
- position: absolute;
- width: 67%;
- left: 17%;
- height: 10%;
- top: 47%;
- cursor: pointer
- }
- .board-text {
- position: absolute;
- width: 80%;
- max-height: 30%;
- overflow: hidden;
- top: 22%;
- left: 10%;
- font-size: 34px;
- color: #2860ad
- }
- .share-tip {
- display: none;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: url(img/share_tip.png?1408476074) 50% 0 rgba(0, 0, 0, .6) no-repeat;
- background-size: 80% auto
- }
- .loading {
- position: fixed;
- top: 0;
- left: 0;
- background: rgba(0, 0, 0, .6);
- width: 100%;
- height: 100%
- }
- .loading-text {
- color: #fff;
- position: absolute;
- top: 40%;
- width: 100%;
- text-align: center
- }
- .start {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: url(img/start.jpg?1408476074) 50% 50% no-repeat;
- background-size: auto 100%
- }
- </style>
- <script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>
- </head>
- <body>
- <canvas id="canvas" width="640" height="960">alternate content</canvas>
- <div id="loading" class="loading">
- <div class="loading-text">疯狂载入中... [<span id="loading-progress">0</span>%]</div>
- </div>
- <script>
- var basePath="";
- </script>
- <script src="main.js"></script>
- </body>
- </html>
|