index.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html lang="utf-8">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5. <meta http-equiv="pragma" content="no-cache"/>
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  9. <meta charset="utf-8"/>
  10. <!-- Set the title bar of the page -->
  11. <title>果冻跳跃</title>
  12. <meta name="keywords" content="果冻跳跃,果冻跳跃html5游戏" />
  13. <meta name="description" content="果冻跳跃html5游戏,果冻跳跃手机在线游戏" />
  14. <!-- Set the background colour of the document -->
  15. <style>
  16. body {
  17. background: #000000;
  18. color:#cccccc;
  19. margin: 0px;
  20. padding: 0px;
  21. border: 0px;
  22. }
  23. canvas {
  24. image-rendering: optimizeSpeed;
  25. -webkit-interpolation-mode: nearest-neighbor;
  26. -ms-touch-action: none;
  27. margin: 0px;
  28. padding: 0px;
  29. border: 0px;
  30. }
  31. :-webkit-full-screen #canvas {
  32. width: 100%;
  33. height: 100%;
  34. }
  35. div.gm4html5_div_class
  36. {
  37. margin: 0px;
  38. padding: 0px;
  39. border: 0px;
  40. }
  41. /* START - Login Dialog Box */
  42. div.gm4html5_login
  43. {
  44. padding: 20px;
  45. position: absolute;
  46. border: solid 2px #000000;
  47. background-color: #404040;
  48. color:#00ff00;
  49. border-radius: 15px;
  50. box-shadow: #101010 20px 20px 40px;
  51. }
  52. div.gm4html5_cancel_button
  53. {
  54. float: right;
  55. }
  56. div.gm4html5_login_button
  57. {
  58. float: left;
  59. }
  60. div.gm4html5_login_header
  61. {
  62. text-align: center;
  63. }
  64. /* END - Login Dialog Box */
  65. :-webkit-full-screen {
  66. width: 100%;
  67. height: 100%;
  68. }
  69. </style>
  70. <link rel="shortcut icon" href="icon.png">
  71. <link rel="icon" href="icon.png">
  72. </head>
  73. <body>
  74. <div class="gm4html5_div_class" id="gm4html5_div_id">
  75. <!-- Create the canvas element the game draws to -->
  76. <canvas id="canvas" width="320" height="480">
  77. <p>Your browser doesn't support HTML5 canvas.</p>
  78. </canvas>
  79. <div id='advert' style='width: 320px; height: 48px; display:none;'>
  80. </div>
  81. </div>
  82. <input id="bt-game-id" type="hidden" value="30-gdty">
  83. <!-- Run the game code -->
  84. <script type="text/javascript" src="html5game/jelly_jumper.js"></script>
  85. </body>
  86. </html>