index.htm 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <title>泼醒小房子</title>
  8. <script type="text/javascript">
  9. isShouJi();
  10. </script>
  11. <script type="text/javascript" src="js/jquery.min.js"></script>
  12. <style>
  13. html,body{margin:0;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none}
  14. canvas{position:fixed;top:0;left:0;display:block;height:100%;margin:auto}
  15. .board{position:fixed;left:0;width:100%;height:95%;display:none;text-align:center}
  16. .board-img{height:100%}.board-btn{position:absolute;width:67%;left:17%;height:10%;top:47%;cursor:pointer}
  17. .board-text{position:absolute;width:80%;max-height:30%;overflow:hidden;top:22%;left:10%;font-size:34px;color:#2860ad}
  18. .share-tip{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(vapp/share_tip.png) 50% 0 rgba(0,0,0,.6) no-repeat;background-size:80% auto}
  19. .loading{position:fixed;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100%}
  20. .loading-text{color:#fff;position:absolute;top:40%;width:100%;text-align:center}
  21. .start{position:fixed;left:0;width:100%;height:95%;background:url(vapp/start.jpg) 50% 50% no-repeat;background-size:auto 100%}
  22. .start-btn{position:absolute;width:100%;left:0;top:50%;height:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}
  23. #share-wx{
  24. background:rgba(0,0,0,0.8);
  25. position:absolute;top:0px;
  26. left:0px;
  27. width:100%;
  28. height:100%;
  29. z-index:10000;
  30. display:none;
  31. }
  32. #wx-qr{
  33. background:rgba(0,0,0,0.8);
  34. position:absolute;top:0px;
  35. left:0px;
  36. width:100%;
  37. height:100%;
  38. z-index:10000;
  39. display:none;
  40. }
  41. .lis{overflow: hidden;width: 100%;z-index: 99999;position: absolute;top:0px;}
  42. .lis a{display: block;width:99.9%;color:#ffffff;font-size:14px;text-decoration: none;background:#606783;text-align: center;opacity: 0.5;line-height:30px;font-weight: bold;font-family:"微软雅黑"}
  43. .lis a img{position: relative;top: 1px;}
  44. </style>
  45. </head>
  46. <body>
  47. <canvas id="canvas" width="640" height="960">alternate content</canvas>
  48. <div id="start" class="start">
  49. <div id="start-btn" class="start-btn">
  50. </div>
  51. </div>
  52. <div id="loading" class="loading">
  53. <div class="loading-text">
  54. 疯狂载入中... [<span id="loading-progress">0</span>%]
  55. </div>
  56. </div>
  57. <div id="board" class="board">
  58. <img class="board-img" src="vapp/board2.png">
  59. <div id="board-text" class="board-text">
  60. </div>
  61. <div class="board-btn" data-action="retry">
  62. </div>
  63. <div class="board-btn" style="top:65%" data-action="share">
  64. </div>
  65. </div>
  66. <div id="share-tip" class="share-tip">
  67. </div>
  68. <script type="text/javascript" src="js/create.js"></script>
  69. <script type="text/javascript" src="js/game.js"></script>
  70. <script language=javascript>
  71. var mebtnopenurl = 'http://game.ikongzhong.cn';
  72. var thegameurl ="http://game.ikongzhong.cn/games/pxfzm/";
  73. var guanzhuurl ="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd";
  74. dataForWeixin = {
  75. "appId": "",
  76. "imgUrl": "http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWHkW7ics48LZtfNichlUU0xvVqEdVvWYP27xyJy3GNfL7YXBFs9Z4THy4qFjx3ODNUkPI12eqD0ppCQ/640",
  77. "url": thegameurl,
  78. "tTitle": "泼醒小房子",
  79. "tContent": "泼醒小房子"
  80. };
  81. function goHome(){
  82. window.location=mebtnopenurl;
  83. }
  84. function clickMore(){
  85. goHome();
  86. }
  87. function dp_share(){
  88. document.title ="我给小房子泼了"+myData.score+"桶冰水,超过了"+myData.percent+"%的挑战者!你也来试试吧!";
  89. document.getElementById("share").style.display="";
  90. dataForWeixin.tTitle = document.title;
  91. }
  92. function dp_Ranking(){
  93. window.location=mebtnopenurl;
  94. }
  95. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  96. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  97. WeixinJSBridge.invoke('sendAppMessage', {
  98. "appid": dataForWeixin.appId,
  99. "img_url": dataForWeixin.imgUrl,
  100. "link": dataForWeixin.url,
  101. "desc": dataForWeixin.tContent,
  102. "title": dataForWeixin.tTitle
  103. });
  104. setTimeout(function () {location.href = mebtnopenurl;}, 1500);
  105. });
  106. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  107. WeixinJSBridge.invoke('shareTimeline', {
  108. "appid": dataForWeixin.appId,
  109. "img_url": dataForWeixin.imgUrl,
  110. "img_width": "640",
  111. "img_height": "640",
  112. "link": dataForWeixin.url,
  113. "desc": dataForWeixin.tContent,
  114. "title": dataForWeixin.tTitle
  115. });
  116. setTimeout(function () {location.href = guanzhuurl;}, 1500);
  117. });
  118. }, false);
  119. </script>
  120. <div id=share style="display: none">
  121. <img width=100% src="share.png" style="position: fixed; z-index: 9999; top: 0; left: 0; display: " ontouchstart="document.getElementById('share').style.display='none';" />
  122. </div>
  123. <script type="text/javascript">
  124. var myData = { };
  125. function dp_submitScore(score,percent){
  126. myData.score = score;
  127. myData.percent=percent;
  128. myData.scoreName = "倒了"+score+"桶";
  129. if(score>0){
  130. if (confirm("你泼了"+score+"桶冰水,终于唤醒了小房子,超过了"+percent+"%的挑战者!友情提示大家珍爱生命远离毒品!")){
  131. dp_share();
  132. }
  133. }
  134. }
  135. </script>
  136. <div>
  137. </div>
  138. <div style="display:none;">
  139. <script type="text/javascript">
  140. var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  141. document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2eac95e2df0ea5d2b0aaa92e3dbbe419'
  142. type='text/javascript'%3E%3C/script%3E"));
  143. </script>
  144. </div>
  145. </body>
  146. </html>