index.htm 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>月饼大战</title>
  5. <meta http-equiv="content" content="text/html" charset="utf-8"/>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0;" />
  7. <meta content="telephone=no" name="format-detection" />
  8. <link rel="stylesheet" type="text/css" href="css/main.css"/>
  9. </head>
  10. <body>
  11. <div class="bg_music">
  12. <audio id="bg_music" autoplay="autoplay" loop src="apple.mp3"></audio>
  13. <a href="javascript:;" onClick="playOrPaused(this)">播放</a>
  14. </div>
  15. <div id="contentdiv">
  16. <div id="startdiv">
  17. <div class="start_wp"><button onClick="begin()">开始游戏</button></div>
  18. </div>
  19. <div id="maindiv">
  20. <div id="scorediv">
  21. <label>分数:</label>
  22. <label id="label">0</label>
  23. </div>
  24. <div class="sus_wp">
  25. <div id="suspenddiv">
  26. <button>继续</button><br/>
  27. <button>重新开始</button>
  28. </div>
  29. </div>
  30. <div class="end_wp">
  31. <div id="enddiv">
  32. <p class="plantext">得分</p>
  33. <p id="planscore">0</p>
  34. <div class="btn_wp">
  35. <!--<p><button class="dh_btn">兑换月饼</button></p>-->
  36. <p><button onClick="jixu()">再打一次</button></p>
  37. <p><button class="zf_bt"><b>分享朋友圈</b></button></p>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="mask"></div>
  44. <div class="mooncake_wp">
  45. <div class="mn_wp">
  46. <a class="go_back" href="javascript:;">再打一次</a>
  47. </div>
  48. </div>
  49. <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
  50. <script type="text/javascript" src="js/main.js"></script>
  51. <script>
  52. var audio;
  53. $(function(){
  54. initAudio();
  55. audio.play();
  56. });
  57. var initAudio = function(){
  58. audio = document.getElementById('bg_music');
  59. };
  60. function playOrPaused(obj){
  61. if(audio.paused){
  62. audio.play();
  63. obj.innerHTML='暂停';
  64. obj.className='';
  65. return;
  66. }
  67. audio.pause();
  68. obj.innerHTML='播放';
  69. obj.className='music_pause';
  70. }
  71. $(function(){
  72. var _n = $(window).width()/$(window).height();
  73. if(_n < 1){
  74. $('.roll_tips').hide();
  75. }
  76. else{
  77. $('.roll_tips').show();
  78. };
  79. $(".fz_btn").click(function(){
  80. location.reload();
  81. });
  82. $(".zf_bt").click(function(){
  83. $(".mask").show();
  84. });
  85. $(".mask").click(function(){
  86. $(this).hide();
  87. });
  88. $(".dh_btn").click(function(){
  89. $(".mooncake_wp").show();
  90. });
  91. $(".go_back").click(function(){
  92. jixu();
  93. });
  94. });
  95. </script>
  96. <script>
  97. $(".zf_bt").click(function(){
  98. scores = $("#planscore").text();
  99. var mebtnopenurl = 'http://game.ikongzhong.cn';
  100. var thegameurl ="http://game.ikongzhong.cn/games/ybdz/";
  101. var guanzhuurl ="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd";
  102. dataForWeixin={
  103. appId:"",
  104. MsgImg:"http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWFokcxP1RNheFgMB3UtGvYjElQicZzOtiaXF2ib6jZPP8l87KZoKKEp4yuDN0xRsv54wRKrctSrOHfSw/640",
  105. TLImg:"http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWFokcxP1RNheFgMB3UtGvYjElQicZzOtiaXF2ib6jZPP8l87KZoKKEp4yuDN0xRsv54wRKrctSrOHfSw/640",
  106. url:thegameurl,
  107. title:"我在月饼大战中得了"+scores+"分,不服来战吧!有神秘大礼哦!",
  108. desc:"我在月饼大战中得了"+scores+"分,赢取中秋月饼大礼包!",
  109. fakeid:"",
  110. callback:function(
  111. //这里是分享成功后的回调功能
  112. ){}
  113. };
  114. });
  115. (function(){
  116. var onBridgeReady=function(){
  117. //发送给朋友
  118. WeixinJSBridge.on('menu:share:appmessage', function(argv){
  119. WeixinJSBridge.invoke('sendAppMessage',{
  120. "appid":dataForWeixin.appId,
  121. "img_url":dataForWeixin.MsgImg,
  122. "img_width":"120",
  123. "img_height":"120",
  124. "link":dataForWeixin.url,
  125. "desc":dataForWeixin.desc,
  126. "title":dataForWeixin.title
  127. }, function(res){document.location.href = guanzhuurl });
  128. });
  129. //发送到朋友圈
  130. WeixinJSBridge.on('menu:share:timeline', function(argv){
  131. WeixinJSBridge.invoke('shareTimeline',{
  132. "img_url":dataForWeixin.TLImg,
  133. "img_width":"120",
  134. "img_height":"120",
  135. "link":dataForWeixin.url,
  136. "desc":dataForWeixin.desc,
  137. "title":dataForWeixin.title
  138. },function(res){document.location.href = guanzhuurl });});
  139. //分享到微博
  140. WeixinJSBridge.on('menu:share:weibo', function(argv){
  141. WeixinJSBridge.invoke('shareWeibo',{
  142. "content":dataForWeixin.title,
  143. "url":dataForWeixin.url
  144. }, function(res){document.location.href =guanzhuurl });
  145. });
  146. //分享到facebook
  147. WeixinJSBridge.on('menu:share:facebook', function(argv){
  148. (dataForWeixin.callback)();
  149. WeixinJSBridge.invoke('shareFB',{
  150. "img_url":dataForWeixin.TLImg,
  151. "img_width":"120",
  152. "img_height":"120",
  153. "link":dataForWeixin.url,
  154. "desc":dataForWeixin.desc,
  155. "title":dataForWeixin.title
  156. }, function(res){document.location.href = guanzhuurl });
  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. </body>
  168. </html>