index.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  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. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no,target-densitydpi=device-dpi" />
  7. <meta name="apple-mobile-web-app-capable" content="yes" />
  8. <title>炸屎奇遇记</title>
  9. <script src="js/mootools-core.js"></script>
  10. <script src="js/touch.js"></script>
  11. <script src="js/chainrxn.js"></script>
  12. <script type="text/javascript" src="js/jquery.min.js"></script>
  13. <script>try{Typekit.load();}catch(e){}</script>
  14. <script>
  15. if(Browser.isMobile){
  16. document.addEvent('touchstart touchend', function(event){
  17. event.preventDefault();
  18. });
  19. }
  20. var s = document.getElementById('install');
  21. </script>
  22. <style type="text/css">
  23. body {
  24. font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  25. background: #333;
  26. color: #fff;
  27. font-size: 12px;
  28. margin:0px;
  29. -webkit-user-select: none;
  30. }
  31. #container {
  32. width: 100%;
  33. margin: 0 auto;
  34. position: relative;
  35. }
  36. #html5{
  37. position: absolute;
  38. left: 5px;
  39. top: 0px;
  40. }
  41. #promo{
  42. position: absolute;
  43. right: 5px;
  44. }
  45. #promo a {
  46. color: #A8DC65;
  47. text-decoration: none;
  48. }
  49. #promo a:hover {
  50. text-decoration: underline;
  51. }
  52. #rate{
  53. position: absolute;
  54. left: 5px;
  55. top: 74px;
  56. }
  57. h1 {
  58. font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  59. margin: 0 auto;
  60. font-size: 72px;
  61. color: #fff;
  62. text-align: center;
  63. }
  64. #ballField {
  65. background: url('vapp/game.png') repeat;
  66. margin: 0 auto;
  67. -webkit-user-select: none;
  68. }
  69. #notifierBox {
  70. width: 300px;
  71. position: absolute;
  72. z-index: 50;
  73. top: 50%;
  74. left: 50%;
  75. margin: -100px 0 0 -150px;
  76. background: #555;
  77. border: 3px solid #fff;
  78. border-radius: 10px;
  79. -moz-border-radius: 10px;
  80. -webkit-border-radius: 10px;
  81. -webkit-box-shadow: 5px 5px 5px #333;
  82. }
  83. #notifierTitle {
  84. margin-top: 6px;
  85. font-size: 26px;
  86. text-align: center;
  87. }
  88. #notifierButton {
  89. margin: 10px;
  90. border-radius: 7px;
  91. -moz-border-radius: 7px;
  92. -webkit-border-radius: 7px;
  93. background: #a8dc65;
  94. text-align: center;
  95. cursor: pointer;
  96. padding: 7px 0;
  97. font-size: 30px;
  98. color: #297a22;
  99. border: 1px solid #297a22;
  100. -webkit-box-shadow: 3px 3px 3px #333;
  101. }
  102. #notifierButton2 {
  103. margin: 10px;
  104. border-radius: 7px;
  105. -moz-border-radius: 7px;
  106. -webkit-border-radius: 7px;
  107. background: #a8dc65;
  108. text-align: center;
  109. cursor: pointer;
  110. padding: 7px 0;
  111. font-size: 30px;
  112. color: #297a22;
  113. border: 1px solid #297a22;
  114. -webkit-box-shadow: 3px 3px 3px #333;
  115. }
  116. #starterBall {
  117. width:194px;
  118. height:194px;
  119. position:absolute;
  120. padding:0px;
  121. background: url("vapp/pointerball.png");
  122. -webkit-user-select: none;
  123. }
  124. #ballsExpanded, #levelScore, #totalScore, #levelNumber {
  125. padding: 5px;
  126. position: absolute;
  127. }
  128. #ballsExpanded {
  129. left: 70px;
  130. top: 0px;
  131. }
  132. #levelNumber {
  133. left: 70px;
  134. top: 15px;
  135. }
  136. #levelScore {
  137. right: 0px;
  138. bottom: 0px;
  139. }
  140. #totalScore {
  141. left: 0px;
  142. bottom: 0px;
  143. }
  144. .points {
  145. font-size: 15px;
  146. text-align:center;
  147. color:#fff;
  148. width:50px;
  149. height:20px;
  150. }
  151. .supported a {
  152. color: #fff;
  153. }
  154. .supported {
  155. display: block;
  156. width: 100%;
  157. font-size: 15px;
  158. text-align:center;
  159. }
  160. #share-wx{
  161. background:rgba(0,0,0,0.8);
  162. position:absolute;top:0px;
  163. left:0px;
  164. width:100%;
  165. height:100%;
  166. z-index:10000;
  167. display:none;
  168. }
  169. #wx-qr{
  170. background:rgba(0,0,0,0.8);
  171. position:absolute;top:0px;
  172. left:0px;
  173. width:100%;
  174. height:100%;
  175. z-index:10000;
  176. display:none;
  177. }
  178. .lis{ left: 0;overflow: hidden;width: 100%;z-index: 122;position: absolute;bottom: 0;}
  179. .lis a{float: left;width:99.9%;margin-right:1px;color:#ffffff;font-size:14px;text-decoration: none;background:#606783;text-align: center;opacity: 0.8;line-height:30px;font-weight: bold;font-family:"微软雅黑";}
  180. .lis a img{position: relative;top: 1px;}
  181. </style>
  182. </head>
  183. <body>
  184. <div class="lis">
  185. <div style="float: left;width:33.2%;"><a style="border-bottom: 3px solid #fd6766;" href="http://game.ikongzhong.cn/">游戏列表</a></div>
  186. <div style="float: left;width:34%;"><a style="border-bottom: 3px solid #04fece;" href="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd">关注收藏</a></div>
  187. <div style="float: left;width:33.2%;"><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>
  188. </div>
  189. <div id="container">
  190. <img src="vapp/html5.png" alt="HTML5" id="html5">
  191. <canvas id="ballField"></canvas>
  192. <div id="ballsExpanded"></div>
  193. <div id="totalScore"></div>
  194. <div id="levelScore"></div>
  195. <div id="levelNumber"></div>
  196. <div id="notifierBox">
  197. <div id="notifierTitle">
  198. 点击以开炸
  199. </div>
  200. <div id="notifierButton">
  201. 开始炸屎
  202. </div>
  203. <div id="notifierButton2" onclick="clickMore();">
  204. 更多游戏
  205. </div>
  206. </div>
  207. </div>
  208. <script language="javascript">
  209. var _gaq = _gaq || [];
  210. _gaq.push(['_setAccount', 'UA-325506-4']);
  211. _gaq.push(['_trackPageview']);
  212. var sos;
  213. window.onload=function()
  214. {
  215. var w=document.documentElement.clientWidth ;//可见区域宽度
  216. var h=document.documentElement.clientHeight;//可见区域高度
  217. sos=document.getElementById("ballField");
  218. sos.style.height=h+"px";
  219. sos.style.width=w+"px";
  220. }
  221. </script>
  222. <script language=javascript>
  223. var mebtnopenurl = 'http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd';
  224. var myscore=0;
  225. var mylevel=0;
  226. window.shareData = {
  227. "appId": "",
  228. "imgUrl": "./vapp/3.jpg",
  229. "timeLineLink": "http://game.ikongzhong.cn/games/shit/",
  230. "tTitle": "炸屎奇遇记",
  231. "tContent": "《炸屎奇遇记》,来试试你的能力?"
  232. };
  233. function goHome(){
  234. window.location=mebtnopenurl;
  235. }
  236. function clickMore(){
  237. if((window.location+"").indexOf("zf",1)>0){
  238. window.location = mebtnopenurl;
  239. }
  240. else{
  241. goHome();
  242. }
  243. }
  244. function dp_share(){
  245. document.title =shareTitle(myscore,mylevel);
  246. document.getElementById("share").style.display="";
  247. window.shareData.tTitle = document.title;
  248. }
  249. function dp_Ranking(){
  250. window.location=mebtnopenurl;
  251. }
  252. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  253. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  254. WeixinJSBridge.invoke('sendAppMessage', {
  255. "img_url": window.shareData.imgUrl,
  256. "link": window.shareData.timeLineLink,
  257. "desc": window.shareData.tContent,
  258. "title": window.shareData.tTitle
  259. });
  260. setTimeout(function () {location.href = mebtnopenurl;}, 1500);
  261. });
  262. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  263. WeixinJSBridge.invoke('shareTimeline', {
  264. "img_url": window.shareData.imgUrl,
  265. "img_width": "640",
  266. "img_height": "640",
  267. "link": window.shareData.timeLineLink,
  268. "desc": window.shareData.tContent,
  269. "title": window.shareData.tTitle
  270. });
  271. setTimeout(function () {location.href = mebtnopenurl;}, 1500);
  272. });
  273. }, false);
  274. </script>
  275. <div id=share style="display: none">
  276. <img width=100% src="vapp/share.png" style="position: fixed; z-index: 9999; top: 0; left: 0; display: " ontouchstart="document.getElementById('share').style.display='none';">
  277. </div>
  278. <div style="display: none;">
  279. <script type="text/javascript">
  280. var myData = {};
  281. function dp_submitScore(score,level){
  282. myscore=score;
  283. mylevel=level
  284. myData.score = score;
  285. myData.scoreName = score+"分";
  286. if(score>5){
  287. if (confirm("真行,你炸了"+score+"分!要不要通知下小伙伴们呢?")){
  288. dp_share();
  289. }
  290. }
  291. }
  292. </script>
  293. <div style="display:none;">
  294. </div>
  295. </body>
  296. </html>