index.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. <!DOCTYPE html>
  2. <html lang='en'>
  3. <head>
  4. <title>转你妹</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <link rel="icon" href="icon.png">
  9. <link rel="stylesheet" type="text/css" href="style/style.css">
  10. <link rel="stylesheet" href="style/fa/css/font-awesome.min.css">
  11. <script type='text/javascript' src="js/jquery-2.0.3.min.js"></script>
  12. <script type='text/javascript' src="js/c200814.js"></script>
  13. <style>
  14. a.doudouLink {
  15. width: 25%;
  16. height: 25%;
  17. position: absolute;
  18. bottom: 0;
  19. left: 40%;
  20. z-index: 999999;
  21. }
  22. .endBtn {
  23. background: url(endbtn.png) no-repeat;
  24. background-size: auto 100%;
  25. width: 28rem;
  26. height: 16rem;
  27. position: relative;
  28. margin: 0 auto;
  29. }
  30. a.moreGame {
  31. width: 40%;
  32. padding-top: 30%;
  33. position: absolute;
  34. bottom: 16%;
  35. right: 0;
  36. }
  37. a.irestartBtn {
  38. width: 40%;
  39. padding-top: 30%;
  40. position: absolute;
  41. bottom: 16%;
  42. left: 0;
  43. }
  44. #overlayMask {
  45. width: 100%;
  46. height: 100%;
  47. position: fixed;
  48. z-index: 3;
  49. background: #fff;
  50. opacity: 0.6;
  51. }
  52. </style>
  53. <style>
  54. html {
  55. -ms-touch-action: none;
  56. /* Direct all pointer events to JavaScript code. */
  57. }
  58. </style>
  59. </head>
  60. <body>
  61. <div id="moregame2" style="position:fixed;z-index:99; bottom:20px; left:0px; font-size:20px; width:100%; text-align:center;">
  62. <a href="javascript:void(0);" onClick="dp_share();">炫耀一下</a>
  63. </div>
  64. <input id="bt-game-id" type="hidden" value="6-zhuannimei">
  65. <canvas id="canvas"></canvas>
  66. <div id='devtools'
  67. style='z-index: 3; display: none; position: absolute; left: 50%; width: 400px; height: 400px; top: 50%; margin-top: -200px; margin-left: -200px;'>
  68. <h2 id='clickToExit' style='background-color: #fff; color: #000'>
  69. Click to exit
  70. </h2>
  71. <textarea id='devtoolsText' style='height: 300px; width: 400px;'></textarea>
  72. </div>
  73. <div id="overlay" class="faded"></div>
  74. <div id='startBtn'
  75. style='position: absolute; left: 40%; top: 38%; height: 25%; width: 25%; z-index: 99999999; cursor: pointer;'></div>
  76. <div id="helpScreen" class='unselectable'>
  77. <h1 class='instructions_body'>
  78. 规则介绍
  79. </h1>
  80. <p class='instructions_body' id='inst_main_body'>
  81. <br>
  82. 点击屏幕左右侧,向左向右旋转六边形。
  83. <br>
  84. 相同颜色的即可消除掉下来的方块
  85. <br>
  86. 尽力支撑更多的时间...
  87. <br>
  88. </p>
  89. </div>
  90. <!-- <div id="openSideBar" class = 'helpText'><i class="fa fa-info-circle fa-lg"></i> <i class="fa fa-arrow-left"><b> 帮助</b></i></div> -->
  91. <!-- <div id = 'pauseBtn'><div id = 'pauseBtnInner'><i class="fa fa-pause fa-2x"></i></div></div>
  92. <div id = 'restartBtn'><div id = 'restartBtnInner'><i class="fa fa-refresh fa-2x"></i></div></div>
  93. -->
  94. <div id="overlayMask" style="display:none;"></div>
  95. <script language=javascript>
  96. var mebtnopenurl = 'http://game.ikongzhong.cn/index.html';
  97. var thegameurl ="http://game.ikongzhong.cn/games/znm/";
  98. var guanzhuurl ="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd";
  99. window.shareData = {
  100. "imgUrl": "http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWGfZsia600gXXlFuZt8TiaEznCicB12RiaoIyn6Pvdufqh3hibUDAxGsAlaricVgWxtY0UbVqU7ibjEL3ZJQ/640",
  101. "timeLineLink":thegameurl,
  102. "tTitle": "转你妹",
  103. "tContent": "轻松休闲的消除类游戏,小伙伴们快来体验一下!"
  104. };
  105. function goHome(){
  106. window.location=mebtnopenurl;
  107. }
  108. function clickMore(){
  109. if((window.location+"").indexOf("f=zf",1)>0){
  110. window.location = mebtnopenurl;
  111. }
  112. else{
  113. goHome();
  114. }
  115. }
  116. function dp_share(){
  117. document.getElementById("share").style.display="";
  118. }
  119. function dp_Ranking(){
  120. window.location=mebtnopenurl;
  121. }
  122. function showAd(){
  123. }
  124. function hideAd(){
  125. }
  126. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  127. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  128. WeixinJSBridge.invoke('sendAppMessage', {
  129. "img_url": window.shareData.imgUrl,
  130. "link": window.shareData.timeLineLink,
  131. "desc": window.shareData.tContent,
  132. "title": window.shareData.tTitle
  133. }, onShareComplete);
  134. });
  135. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  136. WeixinJSBridge.invoke('shareTimeline', {
  137. "img_url": window.shareData.imgUrl,
  138. "img_width": "640",
  139. "img_height": "640",
  140. "link": window.shareData.timeLineLink,
  141. "desc": window.shareData.tContent,
  142. "title": window.shareData.tTitle
  143. }, onShareComplete);
  144. });
  145. }, false);
  146. </script>
  147. <div id=share style="display: none">
  148. <img width="100%" src="share.png"
  149. style="position: fixed; z-index: 9999; top: 0; left: 0; display: "
  150. ontouchstart="document.getElementById('share').style.display='none';" />
  151. </div>
  152. <script type="text/javascript">
  153. var myData = { gameid: "dsdy" };
  154. var domain = ["oixm.cn", "hiemma.cn", "peagame.net"][parseInt(Math.random() * 3)];
  155. window.shareData.timeLineLink = thegameurl ;
  156. function dp_submitScore(score){
  157. myData.score = parseInt(score);
  158. myData.scoreName ="获得"+score+"分";
  159. document.title = window.shareData.tTitle = "我在【转你妹】完成了" +score+ "分,转晕了都,有本事来挑战一下,嘻嘻!";
  160. }
  161. function onShareComplete(res) {
  162. if (localStorage.myuid && myData.score != undefined) {
  163. setTimeout(function(){
  164. if (confirm("?")) {
  165. window.location = mebtnopenurl;
  166. }
  167. else {
  168. document.location.href = mebtnopenurl;
  169. }
  170. }, 500);
  171. }
  172. else {
  173. document.location.href = guanzhuurl ;
  174. }
  175. }
  176. </script>
  177. <div style="display: none;">
  178. <script type="text/javascript" src="http://tajs.qq.com/stats?sId=36313548" charset="UTF-8"></script>
  179. </div>
  180. </body>
  181. </html>