index.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8. <title>连圈圈大作战</title>
  9. <link rel="stylesheet" href="css/53/main.css" />
  10. <script type="text/javascript" src="js/jquery.min.js"></script>
  11. <style>
  12. #share-wx{
  13. background:rgba(0,0,0,0.8);
  14. position:absolute;top:0px;
  15. left:0px;
  16. width:100%;
  17. height:100%;
  18. z-index:10000;
  19. display:none;
  20. }
  21. #wx-qr{
  22. background:rgba(0,0,0,0.8);
  23. position:absolute;top:0px;
  24. left:0px;
  25. width:100%;
  26. height:100%;
  27. z-index:10000;
  28. display:none;
  29. }
  30. .lis{overflow: hidden;width: 100%;z-index: 99999;position: absolute;top:0;}
  31. .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:"微软雅黑"}
  32. .lis a img{position: relative;top: 1px;}
  33. </style>
  34. </head>
  35. <body style="padding: 0px; border: 0px; margin: 0px;position: relative;">
  36. <script type="text/javascript" src="js/code.js"></script>
  37. <div class="lis">
  38. <div style="float: left;width:33%;"><a style="border-bottom: 3px solid #fd6766;" href="/">游戏列表</a></div>
  39. <div style="float: left;width:34%;"><a style="border-bottom: 3px solid #04fece;" href="/">关注收藏</a></div>
  40. <div style="float: left;width:33%;"><a style="width:100%;margin:0;border-bottom: 3px solid #fdcd01;" onclick="location.href=location.href;" href="javascript:;" ><img width="15" src="vapp/4.png">重玩</a></div>
  41. </div>
  42. <div id="gameContainer" style="position: absolute;"> </div>
  43. <div id="share_cover" style="display: none">
  44. <img width="100%" src="vapp/shares.png" style="position: fixed; z-index: 9999; top: 0; left: 0;" ontouchstart="document.getElementById('share_cover').style.display='none';">
  45. </div>
  46. <script>
  47. var mebtnopenurl = 'http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd';
  48. var oDiv = document.getElementById("gameContainer");
  49. oDiv.style.width = document.body.clientWidth;
  50. window.onscroll = window.onresize = window.onload = function(){
  51. var sTop = document.documentElement.scrollTop || document.body.scrollTop;
  52. var sLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
  53. var cHeight= document.documentElement.clientHeight || document.body.clientHeight;
  54. var cWidth = document.documentElement.clientWidth || document.body.clientWidth;
  55. var mHeight = (cHeight - oDiv.offsetHeight) / 2;
  56. var mWidth = (cWidth - oDiv.offsetWidth) / 2;
  57. if(navigator.appVersion.indexOf("MSIE 6")> -1){
  58. oDiv.style.top = parseInt(sTop + mHeight) + "px";
  59. oDiv.style.left = parseInt(sLeft + mWidth) + "px";
  60. }else{
  61. oDiv.style.top = mHeight + "px";
  62. oDiv.style.left = mWidth + "px";
  63. }
  64. }
  65. dataForWeixin = {
  66. "appId": "",
  67. "imgUrl": "http://game.ikongzhong.cn/icon/liankan.png",
  68. "url": "http://game.ikongzhong.cn/games/liankan/",
  69. "tTitle": "连圈圈大作战-用你的手指连接同色色的圈圈",
  70. "tContent": "一次连的点越多,得分倍数越高!不是所有人都能随随便便得高分的"
  71. };
  72. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  73. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  74. WeixinJSBridge.invoke('sendAppMessage', {
  75. "appid": dataForWeixin.appId,
  76. "img_url": dataForWeixin.imgUrl,
  77. "link": dataForWeixin.url,
  78. "desc": dataForWeixin.tContent,
  79. "title": dataForWeixin.tTitle
  80. });
  81. setTimeout(function () {location.href = mebtnopenurl;}, 1500);
  82. });
  83. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  84. WeixinJSBridge.invoke('shareTimeline', {
  85. "appid": dataForWeixin.appId,
  86. "img_url": dataForWeixin.imgUrl,
  87. "img_width": "640",
  88. "img_height": "640",
  89. "link": dataForWeixin.url,
  90. "desc": dataForWeixin.tContent,
  91. "title": dataForWeixin.tTitle
  92. });
  93. setTimeout(function () {location.href = mebtnopenurl;}, 1500);
  94. });
  95. }, false);
  96. </script>
  97. <script type="text/javascript" src="js/phaser.min.js"></script>
  98. <script type="text/javascript" src="js/load.js"></script>
  99. <script type="text/javascript" src="js/menu.js"></script>
  100. <script type="text/javascript" src="js/play.js"></script>
  101. <script type="text/javascript" src="js/end.js"></script>
  102. <script type="text/javascript" src="js/game.js"></script>
  103. <script type="text/javascript" src="js/config.main.js"></script>
  104. <div>
  105. </div>
  106. <div style="display:none;">
  107. <script>
  108. var _hmt = _hmt || [];
  109. (function() {
  110. var hm = document.createElement("script");
  111. hm.src = "//hm.baidu.com/hm.js?fa356a94bf5ae253b76fefa953bb56e4";
  112. var s = document.getElementsByTagName("script")[0];
  113. s.parentNode.insertBefore(hm, s);
  114. })();
  115. </script>
  116. </div>
  117. </body>
  118. </html>