index.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. 
  2. <!DOCTYPE html>
  3. <html>
  4. <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta charset="utf-8">
  6. <meta name="viewport"
  7. content="width=device-width,user-scalable=no,initial-scale=1.0" />
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <title>一个都不能掉 微信HTML5在线朋友圈游戏</title>
  10. <link type="text/css" href="css/game_base.css" rel="stylesheet" />
  11. <!--<script type="text/javascript">document.write('<script type="text/javascript" src="/js/resource_loader.js?ver=' + Math.random() + '"><\/script>')</script>-->
  12. <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
  13. <script type="text/javascript" src="js/game_base.js"></script>
  14. <!-- <script src="js/game_index.js"></script>-->
  15. <script type="text/javascript" src="js/createjs-2013.12.12.min.js"></script>
  16. <script type="text/javascript" src="js/createjs_game.js"></script>
  17. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  18. <script type="text/javascript" src="js/main.js"></script>
  19. <style type="text/css">
  20. .follow {
  21. z-index: 100;
  22. position: absolute;
  23. left: -500px;
  24. bottom: 0px;
  25. width: 20%;
  26. opacity: 0;
  27. }
  28. .follow img {
  29. width: 100%
  30. }
  31. .moreGames {
  32. z-index: 100;
  33. position: absolute;
  34. bottom: 10px;
  35. margin-left: auto;
  36. margin-right: auto;
  37. width: 100%;
  38. text-align: center;
  39. }
  40. .moreGames a {
  41. font: 11px Arial;
  42. text-decoration: none;
  43. background-color: #C0C0C0;
  44. color: #FFFFFF;
  45. padding: 2px 10px 2px 10px;
  46. border-radius: 8px;
  47. -webkit-border-radius: 8px;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <canvas id="stage">
  53. 您的浏览器不支持html5, 请换用支持html5的浏览器
  54. </canvas>
  55. <script language=javascript>
  56. window.shareData = {
  57. "imgUrl": "http://game.ikongzhong.cn/games/pigbaby/img/pigbaby.jpg",
  58. "timeLineLink": "http://game.ikongzhong.cn/games/pigbaby/",
  59. "tTitle": "一个都不能丢",
  60. "tContent": "小猪宝宝都要被我玩坏了!你们能像我一样和他快乐的玩耍吗?"
  61. };
  62. function goHome() {
  63. window.location = mebtnopenurl;
  64. }
  65. function dp_share() {
  66. myscore = $("#scorehide").val();
  67. window.shareData.tTitle = "" + myscore + "分!一个都不能丢,你看过我的小猪吗?一起来快乐的玩吧!";
  68. //document.title = "" + myscore + "分!一个都不能丢,你看过我的小猪吗?一起来快乐的玩吧!";
  69. document.getElementById("share").style.display = "";
  70. //window.shareData.tTitle = document.title;
  71. }
  72. function dp_Ranking() {
  73. //alert("到更多");
  74. window.location = mebtnopenurl;
  75. }
  76. function showAd() {
  77. }
  78. function hideAd() {
  79. }
  80. var mebtnopenurl = 'http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd';
  81. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  82. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  83. WeixinJSBridge.invoke('sendAppMessage', {
  84. "img_url": window.shareData.imgUrl,
  85. "link": window.shareData.timeLineLink,
  86. "desc": window.shareData.tContent,
  87. "title": window.shareData.tTitle
  88. }, function(res) {
  89. document.location.href = mebtnopenurl;
  90. })
  91. });
  92. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  93. WeixinJSBridge.invoke('shareTimeline', {
  94. "img_url": window.shareData.imgUrl,
  95. "img_width": "640",
  96. "img_height": "640",
  97. "link": window.shareData.timeLineLink,
  98. "desc": window.shareData.tContent,
  99. "title": window.shareData.tTitle
  100. }, function(res) {
  101. document.location.href = mebtnopenurl;
  102. });
  103. })});
  104. </script>
  105. <input type="hidden" id="scorehide" />
  106. <div id=share style="display: none">
  107. <img width=100% src="img/xuanyao.png"
  108. style="position: fixed; z-index: 9999; top: 0; left: 0; display: "
  109. ontouchstart="document.getElementById('share').style.display='none';">
  110. </div>
  111. <script type="text/javascript">
  112. var myData = {};
  113. var myscore = 0;
  114. </script>
  115. <div class="scoreinfo">
  116. <div class="holder">
  117. <div class="head">
  118. <!-- <img src="img/showtop.png" />-->
  119. <!--<hr>-->
  120. </div>
  121. <div class="record">
  122. <div class="nowrecord"><span class="num"></span>分</div>
  123. <div class="bestrecord">榜单最佳:<span class="num"></span>分</div>
  124. </div>
  125. <!-- <div class="foot">
  126. <div class="btngrp"><span class="return"><img src="img/showreturn.png" /></span><span class="xuyao"><img src="img/showweixin.png" /></span></div>
  127. </div>-->
  128. </div>
  129. </div>
  130. <div class="weixinshare"></div>
  131. </body>
  132. <div style="display:none">
  133. </div>
  134. <img src="http://img.tongji.linezing.com/3455448/tongji.gif">
  135. </div>
  136. </html>