index.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html><head>
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4. <meta charset="utf-8">
  5. <title>挑战梦想!- 微信HTML5在线朋友圈游戏</title>
  6. <link href="css/main.css" rel="stylesheet" type="text/css">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="HandheldFriendly" content="True">
  10. <meta name="MobileOptimized" content="320">
  11. <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
  12. </head>
  13. <body>
  14. <div class="container">
  15. <div class="heading">
  16. <h1 class="title " style="width:200px;"><div class="linear_gradient_square"><span class="zg_great">挑战梦想!</span></div></h1>
  17. <div class="scores-container">
  18. <div id="score" class="score-container">0</div>
  19. <div class="best-container">0</div></div></div>
  20. <div class="above-game"><p class="game-intro">滑动屏幕,合并相同“文字” <strong>直到获得“梦想成真”!</strong><span style="font-size:8px; padding-left:10px;">@小助手:</span></p><a class="restart-button">重新开始</a></div><div class="game-container"><div class="game-message"><p></p><div class="lower"><a class="keep-playing-button">分享到朋友圈炫耀一下</a></div></div><div class="grid-container"><div class="grid-row"><div class="grid-cell"></div><div class="grid-cell"></div>
  21. <div class="grid-cell"></div>
  22. <div class="grid-cell"></div>
  23. </div><div class="grid-row">
  24. <div class="grid-cell"></div>
  25. <div class="grid-cell"></div>
  26. <div class="grid-cell"></div>
  27. <div class="grid-cell"></div></div>
  28. <div class="grid-row"><div class="grid-cell"></div>
  29. <div class="grid-cell"></div><div class="grid-cell"></div><div class="grid-cell"></div></div><div class="grid-row"><div class="grid-cell"></div><div class="grid-cell"></div><div class="grid-cell"></div><div class="grid-cell"></div></div></div><div class="tile-container"><div class="tile tile-2 tile-position-1-1 tile-new"><div class="tile-inner">单身公寓</div></div><div class="tile tile-2 tile-position-1-3 tile-new"><div class="tile-inner">单身公寓</div></div></div></div></div>
  30. <script src="css/bind_polyfill.js"></script>
  31. <script src="css/classlist_polyfill.js"></script>
  32. <script src="css/animframe_polyfill.js"></script>
  33. <script src="css/keyboard_input_manager.js"></script>
  34. <script src="css/html_actuator.js"></script>
  35. <script src="css/grid.js"></script>
  36. <script src="css/tile.js"></script>
  37. <script src="css/local_storage_manager.js"></script>
  38. <script src="css/game_manager.js"></script>
  39. <script src="css/application.js"></script>
  40. <style>
  41. .pageOverlayTip {
  42. position: fixed;
  43. top: 0;
  44. left: 0;
  45. z-index: 1987;
  46. width: 100%;
  47. height: 100%;
  48. background: #000;
  49. filter: alpha(opacity = 85);
  50. opacity: 0.85;
  51. visibility: hidden;
  52. }
  53. .pageOverlayTipSlip {
  54. position: fixed;
  55. top: 0;
  56. left: 0;
  57. z-index: 1987;
  58. width: 100%;
  59. height: 100%;
  60. background: #000;
  61. filter: alpha(opacity = 85);
  62. opacity: 0.85;
  63. padding-top:100px;
  64. }
  65. .linear_gradient_square {
  66. display: block;
  67. background: -o-linear-gradient(left,#0000ff 0%,#00ff00 50%,#ff0000 100%);
  68. background: -ms-linear-gradient(left,#0000ff 0%,#00ff00 50%,#ff0000 100%);
  69. background: linear-gradient(left,#0000ff 0%,#00ff00 50%,#ff0000 100%);
  70. -ms-color:transparent;
  71. -moz-background-clip: texts;
  72. -webkit-background-clip: texts;
  73. -o-background-clip: texts;
  74. background-clip: texts;
  75. }
  76. </style>
  77. <div id="pageOverlayShare" class="pageOverlayTip" onClick="this.style.visibility = 'hidden'"><img src="images/tip.gif" width="100%"></div>
  78. <script>var share_score = 2000;
  79. var _host = "http://" + window.location.host;
  80. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  81. WeixinJSBridge.call('hideToolbar');
  82. });
  83. function attention_wx()
  84. {
  85. alert("更多精彩,请关注46465.COM:apiwck");
  86. location.href='#'
  87. }
  88. function is_zero()
  89. {
  90. if(share_score == 0)
  91. {
  92. share_score = 2000;
  93. }
  94. }
  95. var dataForWeixin = {
  96. appId: "",
  97. MsgImg: "http://game.ikongzhong.cn/games/mxcz/images/mlylogo.jpg",
  98. TLImg: "http://game.ikongzhong.cn/games/mxcz/images/mlylogo.jpg",
  99. url: "http://game.ikongzhong.cn/games/mxcz/",
  100. title: "我挑战梦想获得了" + share_score + "分的好成绩!你也来试试吧!",
  101. desc: "我挑战梦想获得了" + share_score + "分的好成绩!你也来试试吧!",
  102. fakeid: "",
  103. callback: function() {
  104. setTimeout(function(){
  105. attention_wx();
  106. },2000); }
  107. }; (function() {
  108. var onBridgeReady = function() {
  109. WeixinJSBridge.on('menu:share:appmessage',
  110. function(argv) {
  111. is_zero();
  112. WeixinJSBridge.invoke('sendAppMessage', {
  113. "appid": dataForWeixin.appId,
  114. "img_url": dataForWeixin.MsgImg,
  115. "img_width": "120",
  116. "img_height": "120",
  117. "link": dataForWeixin.url,
  118. "desc": " 我挑战梦想获得了" + share_score + "分的好成绩!你也来试试吧!",
  119. "title": "我挑战梦想获得了" + share_score + "分的好成绩!你也来试试吧!"
  120. },
  121. function(res) { (dataForWeixin.callback)();
  122. });
  123. });
  124. WeixinJSBridge.on('menu:share:timeline',
  125. function(argv) { (dataForWeixin.callback)();
  126. is_zero();
  127. WeixinJSBridge.invoke('shareTimeline', {
  128. "img_url": dataForWeixin.TLImg,
  129. "img_width": "120",
  130. "img_height": "120",
  131. "link": dataForWeixin.url,
  132. "desc": "我挑战梦想获得了" + share_score + "分的好成绩!你也来试试吧!",
  133. "title": "我挑战梦想获得了" + share_score + "分的好成绩!你也来试试吧!"
  134. },
  135. function(res) {});
  136. });
  137. WeixinJSBridge.on('menu:share:weibo',
  138. function(argv) {
  139. WeixinJSBridge.invoke('shareWeibo', {
  140. "content": dataForWeixin.title,
  141. "url": dataForWeixin.url
  142. },
  143. function(res) { (dataForWeixin.callback)();
  144. });
  145. });
  146. WeixinJSBridge.on('menu:share:facebook',
  147. function(argv) { (dataForWeixin.callback)();
  148. WeixinJSBridge.invoke('shareFB', {
  149. "img_url": dataForWeixin.TLImg,
  150. "img_width": "120",
  151. "img_height": "120",
  152. "link": dataForWeixin.url,
  153. "desc": dataForWeixin.desc,
  154. "title": dataForWeixin.title
  155. },
  156. function(res) {});
  157. });
  158. };
  159. if (document.addEventListener) {
  160. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  161. } else if (document.attachEvent) {
  162. document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  163. document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
  164. }
  165. })();
  166. </script>
  167. <div id=share style="display:none"><img src="http://img.tongji.linezing.com/3455448/tongji.gif"></div>
  168. </body>
  169. </html>