index.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="author" content="Startan">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9. <meta name="format-detection" content="telephone=no">
  10. <title>向阳花开</title>
  11. <link rel="stylesheet" href="css/reset.css">
  12. <link rel="stylesheet" href="css/main.css">
  13. <script src="js/zepto.js" ></script>
  14. </head>
  15. <body>
  16. <div class="container">
  17. <div class="start page">
  18. <div class="slogan">
  19. <p>快来!</p>
  20. <p>支援一下</p>
  21. </div>
  22. <div class="bucket-wr">
  23. <div class="bucket"></div>
  24. <div class="ice-bundle"></div>
  25. <div class="waterlogging"></div>
  26. </div>
  27. <div class="button-wr">
  28. <button id="begin"></button>
  29. <div class="star bling"></div>
  30. <div class="star bling"></div>
  31. </div>
  32. <p class="tip">@三个好友,一起拯救作物</p>
  33. </div>
  34. <div class="game page">
  35. <div class="timer">
  36. <span>51</span>
  37. </div>
  38. <div class="perf score">
  39. <span>51</span>
  40. </div>
  41. <div class="hand">
  42. <div class="water-wr">
  43. <div class="water"></div>
  44. </div>
  45. </div>
  46. <div class="man"></div>
  47. <button id="pour"></button>
  48. </div>
  49. <div class="end page">
  50. <div class="result-plate">
  51. <p class="result score">我居然浇了<span>34</span>吨水!!<br>不服来战!!!</p>
  52. <div class="button-wr clearfix">
  53. <button id="again"></button>
  54. <button id="challenge"></button>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="share page">
  59. <img src="img/t0104750a981787aafd.png" alt="share">
  60. </div>
  61. </div>
  62. <div class="preload">
  63. <img id="share-icon" src="img/t01c9271c30b6920dc6.png" alt="share">
  64. </div>
  65. <script src="js/main.js" ></script>
  66. <script language=javascript>
  67. var mebtnopenurl = 'http://game.ikongzhong.cn/';
  68. window.shareData = {
  69. "imgUrl": "http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWGEib397UuJmchwe5effnS5xT1aeNreoRZFicicn85zXnQGujwODKJU7JeibwgC66Wr5bicvcZ3SSia1F6g/640",
  70. "timeLineLink": "http://game.ikongzhong.cn/games/fkbttz/",
  71. "tTitle": "疯狂挑战-空中传媒游戏",
  72. "tContent": "疯狂挑战-空中传媒游戏"
  73. };
  74. function goHome(){
  75. window.location=mebtnopenurl;
  76. }
  77. function clickMore(){
  78. if((window.location+"").indexOf("f=zf",1)>0){
  79. window.location = "http://game.ikongzhong.cn/";
  80. }
  81. else{
  82. goHome();
  83. }
  84. }
  85. function dp_share(){
  86. document.title ="疯狂抗旱大赛!我浇了"+myData.score+"吨!不服来战!"
  87. document.getElementById("share").style.display="";
  88. window.shareData.tTitle = document.title;
  89. }
  90. function dp_Ranking(){
  91. window.location=mebtnopenurl;
  92. }
  93. function showAd(){
  94. }
  95. function hideAd(){
  96. }
  97. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  98. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  99. WeixinJSBridge.invoke('sendAppMessage', {
  100. "img_url": window.shareData.imgUrl,
  101. "link": window.shareData.timeLineLink,
  102. "desc": window.shareData.tContent,
  103. "title": window.shareData.tTitle
  104. }, onShareComplete);
  105. });
  106. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  107. WeixinJSBridge.invoke('shareTimeline', {
  108. "img_url": window.shareData.imgUrl,
  109. "img_width": "640",
  110. "img_height": "640",
  111. "link": window.shareData.timeLineLink,
  112. "desc": window.shareData.tContent,
  113. "title": window.shareData.tTitle
  114. }, onShareComplete);
  115. });
  116. }, false);
  117. </script>
  118. <div id=share style="display: none">
  119. <img width=100% src="share.png"
  120. style="position: fixed; z-index: 9999; top: 0; left: 0; display: "
  121. ontouchstart="document.getElementById('share').style.display='none';" />
  122. </div>
  123. <div style="display: none;">
  124. <script type="text/javascript">
  125. var myData = { gameid: "fkbttz" };
  126. var domain = ["oixm.cn", "hiemma.cn", "peagame.net"][parseInt(Math.random() * 3)];
  127. window.shareData.timeLineLink = "http://game.ikongzhong.cn/games/fkbttz/";
  128. function dp_submitScore(score){
  129. myData.score = score;
  130. myData.scoreName ="浇了"+score+"吨";
  131. if(score>0){
  132. if (confirm("疯狂抗旱大赛!你浇了"+score+"吨!想看一下小伙伴的能力吗?")){
  133. dp_share();
  134. }
  135. }
  136. }
  137. function onShareComplete(res) {
  138. if (localStorage.myuid && myData.score != undefined) {
  139. setTimeout(function(){
  140. if (confirm("?")) {
  141. window.location = mebtnopenurl;
  142. }
  143. else {
  144. document.location.href = mebtnopenurl;
  145. }
  146. }, 500);
  147. }
  148. else {
  149. document.location.href = "http://mp.weixin.qq.com/s?__biz=MzAwNzQ4NzQyOQ==&mid=207029465&idx=1&sn=7b3e89d22b38e1e1337bf3a98ccdfb46#rd";
  150. }
  151. }
  152. </script>
  153. <div style="display: none;">
  154. <script type="text/javascript">
  155. var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  156. document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2eac95e2df0ea5d2b0aaa92e3dbbe419'
  157. type='text/javascript'%3E%3C/script%3E"));
  158. </script>
  159. </div>
  160. </body>
  161. </html>