index.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. 
  2. <!DOCTYPE HTML>
  3. <html>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name='apple-touch-fullscreen' content='yes'>
  8. <meta name="full-screen" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="format-detection" content="telephone=no">
  11. <meta name="format-detection" content="address=no">
  12. <head>
  13. <div id='wx_pic' style='margin:0 auto;display:none;'>
  14. <img src='photo.jpg' /></div>
  15. <title>游泳大赛</title>
  16. <style type="text/css">
  17. .gameOn {-webkit-animation: game 1s 1 ease-in; }
  18. @-webkit-keyframes game { 0% {
  19. -webkit-transform:translate3d(-4px, 0px, 0px);
  20. }
  21. 10% {
  22. -webkit-transform:translate3d(4px, 0px, 0px);
  23. }
  24. 20% {
  25. -webkit-transform:translate3d(-4px, 0px, 0px);
  26. }
  27. 30% {
  28. -webkit-transform:translate3d(4px, 0px, 0px);
  29. }
  30. 40% {
  31. -webkit-transform:translate3d(-4px, 0px, 0px);
  32. }
  33. 50% {
  34. -webkit-transform:translate3d(4px, 0px, 0px);
  35. }
  36. 60% {
  37. -webkit-transform:translate3d(-4px, 0px, 0px);
  38. }
  39. 70% {
  40. -webkit-transform:translate3d(4px, 0px, 0px);
  41. }
  42. 80% {
  43. -webkit-transform:translate3d(-4px, 0px, 0px);
  44. }
  45. 90% {
  46. -webkit-transform:translate3d(4px, 0px, 0px);
  47. }
  48. 100% {
  49. -webkit-transform:translate3d(0px, 0px, 0px);
  50. }
  51. }
  52. </style>
  53. </head>
  54. <body style="padding:0;margin:0">
  55. <script src="js/shanku_loading.js"></script>
  56. <div class="game" style="width:100%; height:100%;position:absolute;overflow: hidden;-webkit-transform:translate3d(0px, 0px, 0px);left:0px;top:0px;">
  57. <canvas id="myCanvas" class="" style="position:absolute;overflow:visible;-webkit-transform:translate3d(0px, 0px, 0px);left:0px;top:0;width:100%" width="360" height="645"></canvas>
  58. </div>
  59. <script src="js/easyGame.js" type="text/javascript"></script>
  60. <script language=javascript>
  61. var mebtnopenurl = 'http://game.ikongzhong.cn/index.html';
  62. var thegameurl ="http://game.ikongzhong.cn/games/zfj/";
  63. var guanzhuurl ="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd";
  64. window.shareData = {
  65. "imgUrl": "http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWFv03p0x0LUFjTPr1UIrvocTMMtFxibDictTpT4PagWraZdTseBD1db1MywR3YOp1kn6FZjUiaPMjaXg/640",
  66. "timeLineLink": thegameurl,
  67. "tTitle": "端午节龙舟大赛",
  68. "tContent": "端午节龙舟大赛"
  69. };
  70. function goHome(){
  71. window.location=mebtnopenurl;
  72. }
  73. function clickMore(){
  74. if((window.location+"").indexOf("f=zf",1)>0){
  75. window.location = mebtnopenurl;
  76. }
  77. else{
  78. goHome();
  79. }
  80. }
  81. function dp_share(){
  82. document.getElementById("share").style.display="";
  83. }
  84. function dp_Ranking(){
  85. window.location=mebtnopenurl;
  86. }
  87. function showAd(){
  88. }
  89. function hideAd(){
  90. }
  91. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  92. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  93. WeixinJSBridge.invoke('sendAppMessage', {
  94. "img_url": window.shareData.imgUrl,
  95. "link": window.shareData.timeLineLink,
  96. "desc": window.shareData.tContent,
  97. "title": window.shareData.tTitle
  98. }, onShareComplete);
  99. });
  100. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  101. WeixinJSBridge.invoke('shareTimeline', {
  102. "img_url": window.shareData.imgUrl,
  103. "img_width": "640",
  104. "img_height": "640",
  105. "link": window.shareData.timeLineLink,
  106. "desc": window.shareData.tContent,
  107. "title": window.shareData.tTitle
  108. }, onShareComplete);
  109. });
  110. }, false);
  111. </script>
  112. <div id=share style="display: none">
  113. <img width=100% src="share.png"
  114. style="position: fixed; z-index: 9999; top: 0; left: 0; display: "
  115. ontouchstart="document.getElementById('share').style.display='none';" />
  116. </div>
  117. <div style="display: none;">
  118. <script type="text/javascript">
  119. var myData = { gameid: "zfj" };
  120. function dp_submitScore(score){
  121. myData.score =parseInt(score*10);
  122. myData.scoreName = "滑了"+score+"米";
  123. document.title ="游泳大赛,我的成绩是"+score+"米,小伙伴们快来挑战我吧!";
  124. window.shareData.tTitle = document.title;
  125. }
  126. function onShareComplete(res) {
  127. if (localStorage.myuid && myData.score != undefined) {
  128. setTimeout(function(){
  129. if (confirm("?")) {
  130. window.location = mebtnopenurl;
  131. }
  132. else {
  133. document.location.href = mebtnopenurl;
  134. }
  135. }, 500);
  136. }
  137. else {
  138. document.location.href = guanzhuurl ;
  139. }
  140. }
  141. </script>
  142. <div style="display: none;">
  143. <script type="text/javascript" src="http://tajs.qq.com/stats?sId=36313548" charset="UTF-8"></script>
  144. </div>
  145. </body>
  146. </html>