index.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
  5. <link rel="prerender" href="./img/start_page.jpg?2">
  6. <link rel="prerender" href="./img/game_bg.jpg?1">
  7. <link rel="prerender" href="./img/score_bg.png?3">
  8. <link rel="prerender" href="./img/lovers_0.png">
  9. <link rel="prerender" href="./img/lovers_1.png">
  10. <link rel="prerender" href="./img/lovers_2.png">
  11. <link rel="prerender" href="./img/lovers_3.png">
  12. <link rel="prerender" href="./img/blood.png">
  13. <link rel="prerender" href="./img/single_0.png">
  14. <link rel="prerender" href="./img/single_1.png">
  15. <link rel="prerender" href="./img/single_2.png">
  16. <link rel="prerender" href="./img/single_3.png">
  17. <link rel="prerender" href="./img/time_over.png">
  18. <link rel="prerender" href="./img/share.png?2">
  19. <link rel="prerender" href="./img/music.mp3">
  20. <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
  21. <script type="text/javascript" src="createjs.js"></script>
  22. <script type="text/javascript">
  23. var isDesktop = navigator['userAgent'].match(/(ipad|iphone|ipod|android|windows phone)/i) ? false : true;
  24. var fontunit = isDesktop ? 20 : ((window.innerWidth>window.innerHeight?window.innerHeight:window.innerWidth)/320)*10;
  25. document.write('<style type="text/css">'+
  26. 'html,body {font-size:'+(fontunit<30?fontunit:'30')+'px;}'+
  27. (isDesktop?'#welcome,#GameLayerBG,#GameScoreLayer.SHADE{position: absolute;}':
  28. '#welcome,#GameTimeLayer,#GameLayerBG,#GameScoreLayer.SHADE{position:fixed;}')+
  29. '</style>');
  30. </script>
  31. <style type="text/css">
  32. body {font-family: "微软雅黑"; margin: 0; padding: 0;max-width:640px;margin:0 auto;position: relative;}
  33. @media screen and (min-width:640px)
  34. {
  35. body{font-size: 36px;}
  36. }
  37. @media screen and (min-width:540px) and (max-width:639px)
  38. {
  39. body{font-size: 32px;}
  40. }
  41. @media screen and (min-width:480px) and (max-width:539px)
  42. {
  43. body{font-size: 28px;}
  44. }
  45. @media screen and (min-width:320px) and (max-width:479px)
  46. {
  47. body{font-size: 20px;}
  48. }
  49. #ready-btn,.loading{height:12.5%;bottom:0;width:58%;left:22%;position: absolute;z-index: 5;color:#b67f76;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;box-align: center;box-pack: center;-webkit-box-align: center;-webkit-box-pack: center;-ms-flex-align: center;-ms-flex-pack: center;letter-spacing:6px;}
  50. .SHADE {top: 0; left:0; width:100%; height: 100%; bottom:0; z-index: 11;}
  51. #welcome {background:url(./img/start_page.jpg?2) no-repeat;overflow: hidden;background-size: 100% 100%;}
  52. .welcome-bg {position:absolute;top:0;left:0;right:0;bottom:0;}
  53. #GameLayerBG {top:0;left:0;right:0;bottom:0;overflow:hidden;background:url(./img/game_bg.jpg?1) no-repeat;background-size:100% 100%;}
  54. .GameLayer {position:absolute;bottom:0;left:5%;height:100%;width:91%;}
  55. .block{position:absolute; background-repeat: no-repeat; background-position: center bottom;background-size: auto 90%;background-image: none;}
  56. .t0{background-image:url(./img/lovers_0.png);}
  57. .t1{background-image:url(./img/lovers_1.png);}
  58. .t2{background-image:url(./img/lovers_2.png);}
  59. .t3{background-image:url(./img/lovers_3.png);}
  60. .tt0{ background-image:url(./img/blood.png);background-size:100% auto;}
  61. .s0{background-image:url(./img/single_0.png);}
  62. .s1{background-image:url(./img/single_1.png);}
  63. .s2{background-image:url(./img/single_2.png);}
  64. .s3{background-image:url(./img/single_3.png);}
  65. @-ms-keyframes flash {
  66. 0% { opacity: 1; }
  67. 50% { opacity: 0; }
  68. 100% { opacity: 1; }
  69. }
  70. @-webkit-keyframes flash {
  71. 0% { opacity: 1; }
  72. 50% { opacity: 0; }
  73. 100% { opacity: 1; }
  74. }
  75. .flash {-webkit-animation: flash .2s 3;animation: flash .2s 3;}
  76. .bad {-webkit-animation: flash .2s 3;animation: flash .2s 3;background-image:url(./img/blood.png);background-size:100% auto;}
  77. * {-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -ms-user-select: none;}
  78. #GameScoreLayer {background-position:center .5em; background-size: auto 4em; font-weight: bold; color:#fff; text-align: center;overflow: hidden;background:url(./img/score_bg.png?3) no-repeat #191a1e;background-size:100% 100%;}
  79. #GameScoreLayer-btn{position: absolute;bottom:5%;height:18%;width:85%;left:7.5%;color:#b67f76;overflow: hidden;}
  80. .btn{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;box-align: center;box-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align:center; -ms-flex-pack:center;width:46%;height:100%;float:left;font-weight: normal;cursor: pointer;}
  81. .btn:nth-child(2){float:right;}
  82. #landscape {display: none;}
  83. #GameScoreLayer-adv{position: absolute;bottom:0;height:5%;width:85%;left:7.5%;color:#b67f76;overflow: hidden;}
  84. #gameBody {position: relative; width:100%; margin: 0 auto; height: 100%;}
  85. #share-wx {background:#191a1e;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 10000;display: none;}
  86. #share-wx-img{width:100%;}
  87. #scoreTotal{max-width:640px;padding-left:4%;position:fixed;top:0;height:50px;width:100%;overflow: hidden;background:#000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display:none;}
  88. #titleBg{float:left;margin-right:20px;height:40px;z-index: 3;margin-top:5px;}
  89. #number,#GameTimeLayer{line-height:50px;font-size: 24px;color:#850101;height:100%;}
  90. #number{float:left;}
  91. #GameTimeLayer {text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;position: absolute;right:85px;}
  92. #photo{height:100%;float:right;border: none;display:block;}
  93. #GameScoreLayer-text{color:#191a1e;text-align: center;font-size: 20px;font-weight: bold;padding:20px 5%;display:none;}
  94. #scoreLoading{height:232px;line-height: 232px;text-align: center;font-size: 28px;letter-spacing:6px;color:#b67f76;}
  95. #GameScoreLayer-text p{padding:0;margin:0;}
  96. #GameScoreLayer-text .text0{text-align: left;}
  97. #GameScoreLayer-text .text1{position: relative;width:100%;}
  98. #GameScoreLayer-text .text2{font-size: 30px;}
  99. #scoreAll{color:#b12813;font-size: 74px;}
  100. .positonP{position: absolute;right:0;bottom:16px;}
  101. #timeOver{width:0%;position: absolute;height:17.5%;left:0%;top:16%;display:none;background:url(./img/time_over.png) no-repeat;background-size: 100% 100%}
  102. </style>
  103. </head>
  104. <body onLoad="init()">
  105. <script type="text/javascript">
  106. var mebtnopenurl = '{morelink}';
  107. //分享
  108. window.shareData = {
  109. "imgUrl": "./img/fx.jpg",
  110. "timeLineLink": "{morelin}/qixi/index.html",
  111. "tTitle": "我们不分散情侣,我们只做七夕的拆桥工~快来加入我们!",
  112. "tContent": "女神拒绝?小三横行?快来玩,在这里,摁死那些可恶的情侣才是王道!"
  113. };
  114. if (isDesktop)
  115. document.write('<div id="gameBody">');
  116. var body, blockSize, GameLayer = [], GameLayerBG, touchArea = [], GameTimeLayer;
  117. var transform, transitionDuration;
  118. function init (argument) {
  119. showWelcomeLayer();
  120. if (typeof WeixinJSBridge == "undefined"){
  121. if( document.addEventListener ){
  122. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  123. }else if (document.attachEvent){
  124. document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  125. document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
  126. }
  127. }else{
  128. onBridgeReady();
  129. }
  130. body = document.getElementById('gameBody') || document.body;
  131. body.style.height = window.innerHeight+'px';
  132. transform = typeof(body.style.webkitTransform) != 'undefined' ? 'webkitTransform' : (typeof(body.style.msTransform) != 'undefined'?'msTransform':'transform');
  133. transitionDuration = transform.replace(/ransform/g, 'ransitionDuration');
  134. GameTimeLayer = document.getElementById('GameTimeLayer');
  135. GameLayer.push( document.getElementById('GameLayer1') );
  136. GameLayer[0].children = GameLayer[0].querySelectorAll('div');
  137. GameLayer.push( document.getElementById( 'GameLayer2' ) );
  138. GameLayer[1].children = GameLayer[1].querySelectorAll('div');
  139. GameLayerBG = document.getElementById( 'GameLayerBG' );
  140. if( GameLayerBG.ontouchstart === null ){
  141. GameLayerBG.ontouchstart = gameTapEvent;
  142. }else{
  143. GameLayerBG.onmousedown = gameTapEvent;
  144. }
  145. gameInit();
  146. window.addEventListener('resize', refreshSize, false);
  147. var rtnMsg = "true";
  148. setTimeout(function(){
  149. if(rtnMsg){
  150. var btn = document.getElementById('ready-btn');
  151. btn.className = 'btn';
  152. btn.innerHTML = '点击开始游戏'
  153. btn.onclick = function(){
  154. closeWelcomeLayer();
  155. }
  156. }
  157. }, 500);
  158. }
  159. var refreshSizeTime;
  160. function refreshSize(){
  161. clearTimeout(refreshSizeTime);
  162. refreshSizeTime = setTimeout(_refreshSize, 200);
  163. }
  164. function onBridgeReady(){
  165. WeixinJSBridge.call('hideToolbar');
  166. }
  167. function _refreshSize(){
  168. countBlockSize();
  169. for( var i=0; i<GameLayer.length; i++ ){
  170. var box = GameLayer[i];
  171. for( var j=0; j<box.children.length; j++){
  172. var r = box.children[j],
  173. rstyle = r.style;
  174. rstyle.left = (j%4)*blockSize+'px';
  175. rstyle.bottom = Math.floor(j/4)*blockSize+'px';
  176. rstyle.width = blockSize+'px';
  177. rstyle.height = blockSize+'px';
  178. }
  179. }
  180. var f, a;
  181. if( GameLayer[0].y > GameLayer[1].y ){
  182. f = GameLayer[0];
  183. a = GameLayer[1];
  184. }else{
  185. f = GameLayer[1];
  186. a = GameLayer[0];
  187. }
  188. var y = (_gameBBListIndex%10)*blockSize;
  189. f.y = y;
  190. f.style[transform] = 'translate3D(0,'+f.y+'px,0)';
  191. a.y = -blockSize*Math.floor(f.children.length/4)+y;
  192. a.style[transform] = 'translate3D(0,'+a.y+'px,0)';
  193. }
  194. function countBlockSize(){
  195. blockSize = body.offsetWidth*0.91/4;
  196. body.style.height = window.innerHeight+'px';
  197. GameLayerBG.style.height = window.innerHeight+'px';
  198. touchArea[0] = window.innerHeight-blockSize*1;
  199. touchArea[1] = window.innerHeight-blockSize*2;
  200. }
  201. var _gameBBList = [], _gameBBListIndex = 0, _gameOver = false, _gameStart = false, _gameTime, _gameTimeNum, _gameScore;
  202. function gameInit(){
  203. createjs.Sound.registerSound( {src:"./img/music.mp3", id:"tap"} );
  204. gameRestart();
  205. }
  206. function gameRestart(){
  207. _gameBBList = [];
  208. _gameBBListIndex = 0;
  209. _gameScore = 0;
  210. _gameOver = false;
  211. _gameStart = false;
  212. _gameTimeNum = 2000;
  213. GameTimeLayer.innerHTML = creatTimeText(_gameTimeNum);
  214. countBlockSize();
  215. refreshGameLayer(GameLayer[0]);
  216. refreshGameLayer(GameLayer[1], 1);
  217. }
  218. function gameStart(){
  219. _gameStart = true;
  220. _gameTime = setInterval(gameTime, 10);
  221. }
  222. function gameOver(){
  223. _gameOver = true;
  224. clearInterval(_gameTime);
  225. setTimeout(function(){
  226. GameLayerBG.className = '';
  227. showGameScoreLayer();
  228. }, 1000);
  229. }
  230. function gameTime(){
  231. _gameTimeNum --;
  232. if( _gameTimeNum <= 0){
  233. GameTimeLayer.innerHTML = "0'00''";
  234. //$('#timeOver').show();
  235. gameOver();
  236. GameLayerBG.className += ' flash';
  237. createjs.Sound.play("tap");
  238. }else{
  239. GameTimeLayer.innerHTML = creatTimeText(_gameTimeNum);
  240. }
  241. }
  242. function creatTimeText( n ){
  243. var text = (100000+n+'').substr(-4,4);
  244. text = '&nbsp;&nbsp;'+text.substr(0,2)+"'"+text.substr(2)+"''"
  245. return text;
  246. }
  247. var _ttreg = / t{1,2}(\d+)/, _clearttClsReg = / t{1,2}\d+| bad/,_clears1ClsReg = / s\d/;
  248. function refreshGameLayer( box, loop, offset ){
  249. var i = Math.floor(Math.random()*1234)%4+(loop?0:4);
  250. for( var j=0; j<box.children.length; j++){
  251. var r = box.children[j],
  252. rstyle = r.style;
  253. rstyle.left = (j%4)*blockSize+'px';
  254. rstyle.bottom = Math.floor(j/4)*blockSize+'px';
  255. rstyle.width = blockSize+'px';
  256. rstyle.height = blockSize+'px';
  257. r.className = r.className.replace(_clearttClsReg, '');
  258. r.className = r.className.replace(_clears1ClsReg, '');
  259. if( i == j ){
  260. _gameBBList.push( {cell:i%4, id:r.id} );
  261. var random=Math.floor((Math.random()*1234)%4);
  262. r.className += ' t'+random;
  263. var random1=Math.floor((Math.random()*1234)%4);
  264. if( loop ){
  265. var x=j%4;
  266. if(random1!=x)
  267. {
  268. var endNum=Math.floor(j/4)*4+random1;
  269. box.children[endNum].className = box.children[endNum].className+' s'+Math.floor((Math.random()*1234)%4);
  270. }
  271. }else{
  272. if(j>7){
  273. var x=j%4;
  274. if(random1!=x)
  275. {
  276. var endNum=Math.floor(j/4)*4+random1;
  277. box.children[endNum].className = box.children[endNum].className+' s'+Math.floor((Math.random()*1234)%4);
  278. }
  279. }
  280. }
  281. r.notEmpty = true;
  282. i = ( Math.floor(j/4)+1)*4+Math.floor((Math.random()*1234)%4);
  283. }else{
  284. r.notEmpty = false;
  285. }
  286. }
  287. if( loop ){
  288. box.style.webkitTransitionDuration = '0ms';
  289. box.style.display = 'none';
  290. box.y = -blockSize*(Math.floor(box.children.length/4)+(offset||0))*loop;
  291. setTimeout(function(){
  292. box.style[transform] = 'translate3D(0,'+box.y+'px,0)';
  293. setTimeout( function(){
  294. box.style.display = 'block';
  295. }, 100 );
  296. }, 200 );
  297. } else {
  298. box.y = 0;
  299. box.style[transform] = 'translate3D(0,'+box.y+'px,0)';
  300. }
  301. box.style[transitionDuration] = '150ms';
  302. }
  303. function gameLayerMoveNextRow(){
  304. for(var i=0; i<GameLayer.length; i++){
  305. var g = GameLayer[i];
  306. g.y += blockSize;
  307. if( g.y > blockSize*(Math.floor(g.children.length/4)) ){
  308. refreshGameLayer(g, 1, -1);
  309. }else{
  310. g.style[transform] = 'translate3D(0,'+parseInt(g.y)+'px,0)';
  311. }
  312. }
  313. }
  314. function gameTapEvent(e){
  315. if (_gameOver) {
  316. return false;
  317. }
  318. var tar = e.target;
  319. var y = e.clientY || e.targetTouches[0].clientY,
  320. x = (e.clientX || e.targetTouches[0].clientX)-body.offsetLeft,
  321. cha=body.offsetWidth*0.95;
  322. x=x+cha;
  323. p = _gameBBList[_gameBBListIndex];
  324. if ( y > touchArea[0] || y < touchArea[1]) {
  325. return false;
  326. }
  327. if( (p.id==tar.id&&tar.notEmpty) || (p.cell==0&&x<blockSize+cha) || (p.cell==1&&x>blockSize+cha&&x<2*blockSize+cha) || (p.cell==2&&x>2*blockSize+cha&&x<3*blockSize+cha) || (p.cell==3&&x>3*blockSize+cha) ){
  328. if( !_gameStart ){
  329. gameStart();
  330. }
  331. createjs.Sound.play("tap");
  332. tar = document.getElementById(p.id);
  333. tar.className = tar.className.replace(_ttreg, ' tt0');
  334. _gameBBListIndex++;
  335. _gameScore ++;
  336. $('#number span').html(_gameScore);
  337. gameLayerMoveNextRow();
  338. }else if( _gameStart && !tar.notEmpty && / s\d/.test(tar.className)){
  339. createjs.Sound.play("tap");
  340. tar.className += ' bad';
  341. gameOver();
  342. }
  343. return false;
  344. }
  345. function createGameLayer(){
  346. var html = '<div id="GameLayerBG">';
  347. for(var i=1; i<=2; i++){
  348. var id = 'GameLayer'+i;
  349. html += '<div id="'+id+'" class="GameLayer">';
  350. for(var j=0; j<10; j++ ){
  351. for(var k=0; k<4; k++){
  352. html += '<div id="'+id+'-'+(k+j*4)+'" num="'+(k+j*4)+'" class="block"></div>';
  353. }
  354. }
  355. html += '</div>';
  356. }
  357. html += '</div>';
  358. return html;
  359. }
  360. function closeWelcomeLayer(){
  361. var l = document.getElementById('welcome');
  362. l.style.display = 'none';
  363. $('#scoreTotal').show();
  364. }
  365. function showWelcomeLayer(){
  366. var l = document.getElementById('welcome');
  367. l.style.display = 'block';
  368. }
  369. function showGameScoreLayer(){
  370. var data = "50%";
  371. $('#scoreLoading').hide();
  372. $('#GameScoreLayer-text').html(shareText(data,_gameScore)).show();
  373. var l = document.getElementById('GameScoreLayer');
  374. l.style.display = 'block';
  375. window.shareData.tTitle = '我摁死了'+_gameScore+'对情侣,太爽了,单身同胞们快上啊!'
  376. }
  377. function hideGameScoreLayer(){
  378. var l = document.getElementById('GameScoreLayer');
  379. l.style.display = 'none';
  380. $('#timeOver').hide();
  381. $('#score').html('0');
  382. $('#scoreLoading').show();
  383. $('#GameScoreLayer-text').html('').hide();
  384. }
  385. function replayBtn(){
  386. gameRestart();
  387. hideGameScoreLayer();
  388. }
  389. function backBtn(){
  390. gameRestart();
  391. hideGameScoreLayer();
  392. showWelcomeLayer();
  393. }
  394. function shareText( data,score){
  395. if( score <= 50 )
  396. return "<p class='text0'>太少了太少了!隔壁老奶奶手一抖都比你多!你只摁死了</p><p class='text1'><span id='scoreAll'>"+score+"</span><span class='positonP'>对情侣</span></p><p class='text2'></p>";
  397. else if( score <= 100 )
  398. return "<p class='text0'>手指蛮厉害啊,不过这就是你所有的撸劲了吗?!你摁死了</p><p class='text1'><span id='scoreAll'>"+score+"</span><span class='positonP'>对情侣</span></p><p class='text2'></p>";
  399. else if( score <= 150 )
  400. return "<p class='text0'>单身贱圣的狂欢,让我们在七夕夜把所有情侣的温床都摁塌吧!你居然摁死了</p><p class='text1'><span id='scoreAll'>"+score+"</span><span class='positonP'>对情侣</span></p><p class='text2'></p>";
  401. else
  402. return "<p class='text0'>传奇!什么最牛逼?单身最牛逼!你TMD摁死了</p><p class='text1'><span id='scoreAll'>"+score+"</span><span class='positonP'>对情侣</span></p><p class='text2'></p>";
  403. }
  404. function toStr(obj) {
  405. if ( typeof obj == 'object' ) {
  406. return JSON.stringify(obj);
  407. } else {
  408. return obj;
  409. }
  410. return '';
  411. }
  412. function cookie(name, value, time) {
  413. if (name) {
  414. if (value) {
  415. if (time) {
  416. var date = new Date();
  417. date.setTime(date.getTime() + 864e5 * time), time = date.toGMTString();
  418. }
  419. return document.cookie = name + "=" + escape(toStr(value)) + (time ? "; expires=" + time + (arguments[3] ? "; domain=" + arguments[3] + (arguments[4] ? "; path=" + arguments[4] + (arguments[5] ? "; secure" : "") : "") : "") : ""), !0;
  420. }
  421. return value = document.cookie.match("(?:^|;)\\s*" + name.replace(/([-.*+?^${}()|[\]\/\\])/g, "\\$1") + "=([^;]*)"), value = value && "string" == typeof value[1] ? unescape(value[1]) : !1, (/^(\{|\[).+\}|\]$/.test(value) || /^[0-9]+$/g.test(value)) && eval("value=" + value), value;
  422. }
  423. var data = {};
  424. value = document.cookie.replace(/\s/g, "").split(";");
  425. for (var i = 0; value.length > i; i++) name = value[i].split("="), name[1] && (data[name[0]] = unescape(name[1]));
  426. return data;
  427. }
  428. document.write(createGameLayer());
  429. function share(){
  430. document.getElementById('share-wx').style.display = 'block';
  431. document.getElementById('share-wx').onclick = function(){
  432. this.style.display = 'none';
  433. };
  434. }
  435. function more(){
  436. document.location.href = "{morelink}/index.html";
  437. }
  438. function about(){
  439. document.location.href = mebtnopenurl;
  440. }
  441. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  442. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  443. WeixinJSBridge.invoke('sendAppMessage', {
  444. "img_url": window.shareData.imgUrl,
  445. "link": window.shareData.timeLineLink,
  446. "desc": window.shareData.tContent,
  447. "title": window.shareData.tTitle
  448. }, function(res) {
  449. document.location.href = mebtnopenurl;
  450. })
  451. });
  452. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  453. WeixinJSBridge.invoke('shareTimeline', {
  454. "img_url": window.shareData.imgUrl,
  455. "img_width": "120",
  456. "img_height": "120",
  457. "link": window.shareData.timeLineLink,
  458. "desc": window.shareData.tContent,
  459. "title": window.shareData.tTitle
  460. }, function(res) {
  461. document.location.href = mebtnopenurl;
  462. });
  463. });
  464. }, false);
  465. </script>
  466. <div id="GameScoreLayer" class="BBOX SHADE" style="display:none;">
  467. <div id="GameScoreLayer-text"></div>
  468. <div id='scoreLoading'>加载中...</div>
  469. <div id="GameScoreLayer-btn">
  470. <div class="btn">
  471. <a onclick = "javascript:replayBtn()" style="color:yellow; font-size:24; z-index:99999" >再来一次</a><br/><br/>
  472. <a onclick = "javascript:more()" style="color:yellow; font-size:24; z-index:99999" >更多游戏</a>
  473. </div>
  474. <div class="btn">
  475. <a onClick="javascript:share()" style="color:yellow; font-size:24; z-index:99999">分享好友</a><br/><br/>
  476. <a onClick="javascript:about()" style="color:yellow; font-size:24; z-index:99999" >关注我们</a>
  477. </div>
  478. </div>
  479. <div id="GameScoreLayer-adv">
  480. <!--广告-->
  481. </div>
  482. </div>
  483. <div id='scoreTotal'><img src='./img/title_bg.png' id='titleBg'><span id='number'>=&nbsp;<span id='score'>0</span></span><img src='./img/photo_bg.png' id='photo'><div id="GameTimeLayer"></div></div>
  484. <div id="welcome" class="SHADE BOX-M">
  485. <div class="welcome-bg FILL"></div>
  486. <div id="ready-btn" class="btn loading">加载中...</div>
  487. </div>
  488. <div id='timeOver'></div>
  489. <div id="share-wx"><img src="./img/share.png?2" id="share-wx-img"></div>
  490. <script type="text/javascript">
  491. if (isDesktop)
  492. document.write('</div>');
  493. </script>
  494. <div style="display:none">
  495. </div>
  496. </body>
  497. </html>