index.html 4.9 KB

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