index.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520
  1. <html>
  2. <head>
  3. <title>我是你的小苹果</title>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, width=device-width,target-densitydpi=device-dpi"/>
  6. <script type="text/javascript" src="jquery.min.js"></script>
  7. <script type="text/javascript">
  8. var i = new Date().getTime() % 5;
  9. document.write('<script type="text/javascript" src="createjs.js"><\/script>');
  10. var isDesktop = navigator['userAgent'].match(/(ipad|iphone|ipod|android|windows phone)/i) ? false : true;
  11. var fontunit = isDesktop ? 20 : ((window.innerWidth>window.innerHeight?window.innerHeight:window.innerWidth)/320)*10;
  12. document.write('<style type="text/css">'+
  13. 'html,body {font-size:'+(fontunit<30?fontunit:'30')+'px;}'+
  14. (isDesktop?'#welcome,#GameTimeLayer,#GameLayerBG,#GameScoreLayer.SHADE{position: absolute;}':
  15. '#welcome,#GameTimeLayer,#GameLayerBG,#GameScoreLayer.SHADE{position:fixed;}@media screen and (orientation:landscape) {#landscape {display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;}}')+
  16. '</style>');
  17. </script>
  18. <style type="text/css">
  19. body {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; margin: 0; padding: 0;}
  20. .loading {background-image: url("download.gif");
  21. background-repeat: no-repeat;
  22. background-position: center center;
  23. background-size: auto 60%;
  24. }
  25. .SHADE {top: 0; left:0; width:100%; height: 100%; bottom:0; z-index: 11;}
  26. .BOX-V {box-orient: vertical;-webkit-box-orient: vertical; -moz-box-orient: vertical;-ms-flex-direction:column;}
  27. .BOX-D {box-align: end; box-pack: center -webkit-box-align: end; -webkit-box-pack: center; -ms-flex-align:end; -ms-flex-pack:center;}
  28. .BOX-M {box-align: center;box-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align:center; -ms-flex-pack:center;}
  29. .BOX-S {display:block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1;-ms-flex:1;}
  30. .BOX ,.BOX-V,.BOX-D,.BOX-M, .FOOTER{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;}
  31. .BBOX ,.BOX,.APP-STAGE,.INSET-STAGE,.STAGE,.PAGE-STAGE,.PAGE,.PAGE-BOX,.INSET-PAGE,.FOOTER{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
  32. #welcome { background-color:rgba(0,0,0,.8); text-align: center; font-weight: bold;overflow: hidden;}
  33. .welcome-bg {position:absolute;top:0;left:0;right:0;bottom:0; background: url(./81345eabgw1ei0jyahwhwj20gp0qzt9s.jpg) center center no-repeat; background-size:100% 100%; opacity: .4;overflow: hidden;}
  34. #GameTimeLayer {top:1em; left: 0; width:100%; text-align: center; color:#f00; font-size: 4em; text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;overflow: hidden;}
  35. #GameLayerBG {top:0;left:0;right:0;bottom:0;overflow:hidden;background:#fff;}
  36. .GameLayer {position:absolute;bottom:0;left:0;}
  37. .block {position:absolute;border-top:1px solid #1D70B6; background-repeat: no-repeat; background-position: center;}
  38. .t1,.t2,.t3,.t4,.t5 { background-size:auto 100%;background-image:url(640.png);}
  39. .tt1,.tt2,.tt3,.tt4,.tt5 { background-size:auto 86%;background-image:url(l.png);}
  40. .bl {border-left:1px solid #1D70B6;}
  41. @-ms-keyframes flash {
  42. 0% { opacity: 1; }
  43. 50% { opacity: 0; }
  44. 100% { opacity: 1; }
  45. }
  46. @-webkit-keyframes flash {
  47. 0% { opacity: 1; }
  48. 50% { opacity: 0; }
  49. 100% { opacity: 1; }
  50. }
  51. .flash {-webkit-animation: flash .2s 3;animation: flash .2s 3;}
  52. .bad {background-color: #f00; -webkit-animation: flash .2s 3;animation: flash .2s 3;}
  53. * {-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;}
  54. #GameScoreLayer {background-position:center .5em; background-size: auto 4em; padding-top:0.5em; font-size:2em; font-weight: bold; color:#fff; text-align: center;overflow: hidden;}
  55. .bgc1 { background-color: #23378B;}
  56. .bgc2 { background-color: #009FE3;}
  57. .bgc3 { background-color: #E42313;}
  58. .bgc4 { background-color: #FCBD1B;}
  59. .bgc5 { background-color: #34002A;}
  60. .share-icon {width:1.7em; background-repeat:no-repeat; background-size: auto 100%;}
  61. #GameScoreLayer-btn .btn,#GameScoreLayer-share .btn {text-align: center;font-size:1.1em; background-color: rgba(0,0,0,.3); height:2em; line-height:2em;}
  62. .btn:active {opacity: 0.2;}
  63. #landscape {display: none;}
  64. #gameBody {position: relative; width: 640px; margin: 0 auto; height: 100%;}
  65. #share-wx {
  66. background: rgba(0,0,0,0.8);
  67. position: absolute;
  68. top: 0px;
  69. left: 0px;
  70. width: 100%;
  71. height: 100%;
  72. z-index: 10000;
  73. display: none;
  74. }
  75. </style>
  76. <script type="text/javascript" src="http://tajs.qq.com/stats?sId=35420161" charset="UTF-8"></script>
  77. </head>
  78. <body onLoad="init()">
  79. <script type="text/javascript">
  80. window.shareData = {
  81. "imgUrl": "./icon/xiaopingguo.png",
  82. "timeLineLink": "http://game.ikongzhong.cn/games/xiaopingguo/",
  83. "tTitle": "我是你的小呀小苹果!",
  84. "tContent": "我是你的小呀小苹果,怎么爱你都不嫌多!"
  85. };
  86. if (isDesktop)
  87. document.write('<div id="gameBody">');
  88. var body, blockSize, GameLayer = [], GameLayerBG, touchArea = [], GameTimeLayer;
  89. var transform, transitionDuration;
  90. function init (argument) {
  91. showWelcomeLayer();
  92. body = document.getElementById('gameBody') || document.body;
  93. body.style.height = window.innerHeight+'px';
  94. transform = typeof(body.style.webkitTransform) != 'undefined' ? 'webkitTransform' : (typeof(body.style.msTransform) != 'undefined'?'msTransform':'transform');
  95. transitionDuration = transform.replace(/ransform/g, 'ransitionDuration');
  96. GameTimeLayer = document.getElementById('GameTimeLayer');
  97. GameLayer.push( document.getElementById('GameLayer1') );
  98. GameLayer[0].children = GameLayer[0].querySelectorAll('div');
  99. GameLayer.push( document.getElementById( 'GameLayer2' ) );
  100. GameLayer[1].children = GameLayer[1].querySelectorAll('div');
  101. GameLayerBG = document.getElementById( 'GameLayerBG' );
  102. if( GameLayerBG.ontouchstart === null ){
  103. GameLayerBG.ontouchstart = gameTapEvent;
  104. }else{
  105. GameLayerBG.onmousedown = gameTapEvent;
  106. document.getElementById('landscape-text').innerHTML = '点我开始玩耍';
  107. document.getElementById('landscape').onclick = winOpen;
  108. }
  109. gameInit();
  110. window.addEventListener('resize', refreshSize, false);
  111. var rtnMsg = "true";
  112. setTimeout(function(){
  113. if(rtnMsg == 'false'){
  114. var btn = document.getElementById('ready-btn');
  115. btn.className = 'btn';
  116. btn.innerHTML = '您今天已经吃太多苹果啦,请明天继续!'
  117. }else{
  118. var btn = document.getElementById('ready-btn');
  119. btn.className = 'btn';
  120. btn.innerHTML = ' 预备,上!'
  121. btn.style.backgroundColor = '#F00';
  122. btn.onclick = function(){
  123. closeWelcomeLayer();
  124. }
  125. }
  126. }, 500);
  127. }
  128. function winOpen() {
  129. window.open(location.href+'?r='+Math.random(), 'nWin', 'height=500,width=320,toolbar=no,menubar=no,scrollbars=no');
  130. var opened=window.open('about:blank','_self'); opened.opener=null; opened.close();
  131. }
  132. var refreshSizeTime;
  133. function refreshSize(){
  134. clearTimeout(refreshSizeTime);
  135. refreshSizeTime = setTimeout(_refreshSize, 200);
  136. }
  137. function _refreshSize(){
  138. countBlockSize();
  139. for( var i=0; i<GameLayer.length; i++ ){
  140. var box = GameLayer[i];
  141. for( var j=0; j<box.children.length; j++){
  142. var r = box.children[j],
  143. rstyle = r.style;
  144. rstyle.left = (j%4)*blockSize+'px';
  145. rstyle.bottom = Math.floor(j/4)*blockSize+'px';
  146. rstyle.width = blockSize+'px';
  147. rstyle.height = blockSize+'px';
  148. }
  149. }
  150. var f, a;
  151. if( GameLayer[0].y > GameLayer[1].y ){
  152. f = GameLayer[0];
  153. a = GameLayer[1];
  154. }else{
  155. f = GameLayer[1];
  156. a = GameLayer[0];
  157. }
  158. var y = ((_gameBBListIndex)%10)*blockSize;
  159. f.y = y;
  160. f.style[transform] = 'translate3D(0,'+f.y+'px,0)';
  161. a.y = -blockSize*Math.floor(f.children.length/4)+y;
  162. a.style[transform] = 'translate3D(0,'+a.y+'px,0)';
  163. }
  164. function countBlockSize(){
  165. blockSize = body.offsetWidth/4;
  166. body.style.height = window.innerHeight+'px';
  167. GameLayerBG.style.height = window.innerHeight+'px';
  168. touchArea[0] = window.innerHeight-blockSize*0;
  169. touchArea[1] = window.innerHeight-blockSize*3;
  170. }
  171. var _gameBBList = [], _gameBBListIndex = 0, _gameOver = false, _gameStart = false, _gameTime, _gameTimeNum, _gameScore;
  172. function gameInit(){
  173. createjs.Sound.registerSound( {src:"1.mp3", id:"err"} );
  174. createjs.Sound.registerSound( {src:"2.mp3", id:"end"} );
  175. createjs.Sound.registerSound( {src:"3.mp3", id:"tap"} );
  176. gameRestart();
  177. }
  178. function gameRestart(){
  179. console.log('gameRestart');
  180. _gameBBList = [];
  181. _gameBBListIndex = 0;
  182. _gameScore = 0;
  183. _gameOver = false;
  184. _gameStart = false;
  185. _gameTimeNum = 2000;
  186. GameTimeLayer.innerHTML = creatTimeText(_gameTimeNum);
  187. countBlockSize();
  188. refreshGameLayer(GameLayer[0]);
  189. refreshGameLayer(GameLayer[1], 1);
  190. }
  191. function gameStart(){
  192. _gameStart = true;
  193. _gameTime = setInterval(gameTime, 10);
  194. }
  195. function gameOver(){
  196. _gameOver = true;
  197. clearInterval(_gameTime);
  198. setTimeout(function(){
  199. GameLayerBG.className = '';
  200. showGameScoreLayer();
  201. }, 1500);
  202. }
  203. function gameTime(){
  204. _gameTimeNum --;
  205. if( _gameTimeNum <= 0){
  206. GameTimeLayer.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;时间到!';
  207. gameOver();
  208. GameLayerBG.className += ' flash';
  209. createjs.Sound.play("end");
  210. }else{
  211. GameTimeLayer.innerHTML = creatTimeText(_gameTimeNum);
  212. }
  213. }
  214. function creatTimeText( n ){
  215. var text = (100000+n+'').substr(-4,4);
  216. text = '&nbsp;&nbsp;'+text.substr(0,2)+"'"+text.substr(2)+"''"
  217. return text;
  218. }
  219. var _ttreg = / t{1,2}(\d+)/, _clearttClsReg = / t{1,2}\d+| bad/;
  220. function refreshGameLayer( box, loop, offset ){
  221. var i = Math.floor(Math.random()*1000)%4+(loop?0:4);
  222. for( var j=0; j<box.children.length; j++){
  223. var r = box.children[j],
  224. rstyle = r.style;
  225. rstyle.left = (j%4)*blockSize+'px';
  226. rstyle.bottom = Math.floor(j/4)*blockSize+'px';
  227. rstyle.width = blockSize+'px';
  228. rstyle.height = blockSize+'px';
  229. r.className = r.className.replace(_clearttClsReg, '');
  230. if( i == j ){
  231. _gameBBList.push( {cell:i%4, id:r.id} );
  232. r.className += ' t'+(Math.floor(Math.random()*1000)%5+1);
  233. r.notEmpty = true;
  234. i = ( Math.floor(j/4)+1)*4+Math.floor(Math.random()*1000 )%4;
  235. }else{
  236. r.notEmpty = false;
  237. }
  238. }
  239. if( loop ){
  240. box.style.webkitTransitionDuration = '0ms';
  241. box.style.display = 'none';
  242. box.y = -blockSize*(Math.floor(box.children.length/4)+(offset||0))*loop;
  243. setTimeout(function(){
  244. box.style[transform] = 'translate3D(0,'+box.y+'px,0)';
  245. setTimeout( function(){
  246. box.style.display = 'block';
  247. }, 100 );
  248. }, 200 );
  249. } else {
  250. box.y = 0;
  251. box.style[transform] = 'translate3D(0,'+box.y+'px,0)';
  252. }
  253. box.style[transitionDuration] = '150ms';
  254. }
  255. function gameLayerMoveNextRow(){
  256. for(var i=0; i<GameLayer.length; i++){
  257. var g = GameLayer[i];
  258. g.y += blockSize;
  259. if( g.y > blockSize*(Math.floor(g.children.length/4)) ){
  260. refreshGameLayer(g, 1, -1);
  261. }else{
  262. g.style[transform] = 'translate3D(0,'+g.y+'px,0)';
  263. }
  264. }
  265. }
  266. function gameTapEvent(e){
  267. if (_gameOver) {
  268. return false;
  269. }
  270. var tar = e.target;
  271. var y = e.clientY || e.targetTouches[0].clientY,
  272. x = (e.clientX || e.targetTouches[0].clientX)-body.offsetLeft,
  273. p = _gameBBList[_gameBBListIndex];
  274. if ( y > touchArea[0] || y < touchArea[1] ) {
  275. return false;
  276. }
  277. if( (p.id==tar.id&&tar.notEmpty) || (p.cell==0&&x<blockSize) || (p.cell==1&&x>blockSize&&x<2*blockSize) || (p.cell==2&&x>2*blockSize&&x<3*blockSize) || (p.cell==3&&x>3*blockSize) ){
  278. if( !_gameStart ){
  279. gameStart();
  280. }
  281. createjs.Sound.play("tap");
  282. tar = document.getElementById(p.id);
  283. tar.className = tar.className.replace(_ttreg, ' tt$1');
  284. _gameBBListIndex++;
  285. _gameScore ++;
  286. gameLayerMoveNextRow();
  287. }else if( _gameStart && !tar.notEmpty ){
  288. createjs.Sound.play("err");
  289. gameOver();
  290. tar.className += ' bad';
  291. }
  292. return false;
  293. }
  294. function createGameLayer(){
  295. var html = '<div id="GameLayerBG">';
  296. for(var i=1; i<=2; i++){
  297. var id = 'GameLayer'+i;
  298. html += '<div id="'+id+'" class="GameLayer">';
  299. for(var j=0; j<10; j++ ){
  300. for(var k=0; k<4; k++){
  301. html += '<div id="'+id+'-'+(k+j*4)+'" num="'+(k+j*4)+'" class="block'+(k?' bl':'')+'"></div>';
  302. }
  303. }
  304. html += '</div>';
  305. }
  306. html += '</div>';
  307. html += '<div id="GameTimeLayer"></div>';
  308. return html;
  309. }
  310. function closeWelcomeLayer(){
  311. var l = document.getElementById('welcome');
  312. l.style.display = 'none';
  313. }
  314. function showWelcomeLayer(){
  315. var l = document.getElementById('welcome');
  316. l.style.display = 'block';
  317. }
  318. function showGameScoreLayer(){
  319. //增加用户微币
  320. var addCoins = Math.ceil(_gameScore / 5);
  321. $.get("http://game.ikongzhong.cn" + addCoins + "&user=",
  322. function(data,status){
  323. //alert(data);
  324. if(data >= 3){
  325. document.getElementById('GameScoreLayer-btn').style.display = 'none';
  326. document.getElementById('GameScoreLayer-msg').style.display = 'block';
  327. }
  328. });
  329. var l = document.getElementById('GameScoreLayer');
  330. var c = document.getElementById(_gameBBList[_gameBBListIndex-1].id).className.match(_ttreg)[1];
  331. l.className = l.className.replace(/bgc\d/, 'bgc'+c);
  332. document.getElementById('GameScoreLayer-text').innerHTML = shareText(_gameScore);
  333. //document.getElementById('GameScoreLayer-score').innerHTML = '得分&nbsp;&nbsp;'+_gameScore;
  334. var bast = cookie('bast-score');
  335. if( !bast || _gameScore > bast ){
  336. bast = _gameScore;
  337. cookie('bast-score', bast, 100);
  338. }
  339. document.getElementById('GameScoreLayer-bast').innerHTML = '最佳&nbsp;&nbsp;'+bast;
  340. l.style.display = 'block';
  341. window.shareData.tTitle = '我吃掉了'+_gameScore+'个小苹果,不服来挑战!!!'
  342. }
  343. function hideGameScoreLayer(){
  344. var l = document.getElementById('GameScoreLayer');
  345. l.style.display = 'none';
  346. }
  347. function replayBtn(){
  348. gameRestart();
  349. hideGameScoreLayer();
  350. }
  351. function backBtn(){
  352. gameRestart();
  353. hideGameScoreLayer();
  354. showWelcomeLayer();
  355. }
  356. var mebtnopenurl = 'http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd';
  357. function shareText( score ){
  358. var coins = Math.ceil(score / 5);
  359. if( score <= 49 )
  360. return '呵呵!我吃掉了'+score+'个小苹果!<br/>亲,还得加油哦!';
  361. if( score <= 99 )
  362. return '酷!我吃掉了'+score+'个小苹果!<br/>亲,不错哦!';
  363. if( score <= 149 )
  364. return '帅呆了!我吃掉了'+score+'个小苹果!<br/>亲,爱死你了!';
  365. if( score <= 199 )
  366. return '太牛了!我吃掉了'+score+'个小苹果!<br/>亲,奥巴马和金正恩都惊呆了!';
  367. return '膜拜ing!我吃掉了'+score+'个小苹果!<br/>亲,你确定你是地球人?你是宇宙第一强人,再也没人能超越你了!';
  368. }
  369. function toStr(obj) {
  370. if ( typeof obj == 'object' ) {
  371. return JSON.stringify(obj);
  372. } else {
  373. return obj;
  374. }
  375. return '';
  376. }
  377. function cookie(name, value, time) {
  378. if (name) {
  379. if (value) {
  380. if (time) {
  381. var date = new Date();
  382. date.setTime(date.getTime() + 864e5 * time), time = date.toGMTString();
  383. }
  384. return document.cookie = name + "=" + escape(toStr(value)) + (time ? "; expires=" + time + (arguments[3] ? "; domain=" + arguments[3] + (arguments[4] ? "; path=" + arguments[4] + (arguments[5] ? "; secure" : "") : "") : "") : ""), !0;
  385. }
  386. 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;
  387. }
  388. var data = {};
  389. value = document.cookie.replace(/\s/g, "").split(";");
  390. for (var i = 0; value.length > i; i++) name = value[i].split("="), name[1] && (data[name[0]] = unescape(name[1]));
  391. return data;
  392. }
  393. document.write(createGameLayer());
  394. function share(){
  395. document.getElementById('share-wx').style.display = 'block';
  396. document.getElementById('share-wx').onclick = function(){
  397. this.style.display = 'none';
  398. };
  399. }
  400. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  401. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  402. WeixinJSBridge.invoke('sendAppMessage', {
  403. "img_url": window.shareData.imgUrl,
  404. "link": window.shareData.timeLineLink,
  405. "desc": window.shareData.tContent,
  406. "title": window.shareData.tTitle
  407. }, function(res) {
  408. document.location.href = mebtnopenurl;
  409. })
  410. });
  411. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  412. WeixinJSBridge.invoke('shareTimeline', {
  413. "img_url": window.shareData.imgUrl,
  414. "img_width": "640",
  415. "img_height": "640",
  416. "link": window.shareData.timeLineLink,
  417. "desc": window.shareData.tContent,
  418. "title": window.shareData.tTitle
  419. }, function(res) {
  420. document.location.href = mebtnopenurl;
  421. });
  422. });
  423. }, false);
  424. </script>
  425. <div id="GameScoreLayer" class="BBOX SHADE bgc1" style="display:none;">
  426. <div style="padding:0 5%;">
  427. <div id="GameScoreLayer-text"></div>
  428. <br/>
  429. <div id="GameScoreLayer-bast">最佳</div>
  430. <br/>
  431. <div id="GameScoreLayer-btn" class="BOX">
  432. <div class="btn BOX-S" onClick="replayBtn()">重来</div>&nbsp;
  433. <div class="btn BOX-S" onClick="share()">分享到朋友圈</div>&nbsp;
  434. </div>
  435. <br/>
  436. <div align="center" style="font-size:0.8em;">
  437. <a class="btn BOX-S" align="center" style="color:white" href="http://game.ikongzhong.cn/games/">更多游戏</a>
  438. <br/>
  439. <a class="btn BOX-S" align="center" style="color:white" href="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd">关注我们</a>
  440. </div>
  441. <div align="center" style="font-size:0.8em;">
  442. <br/><a class="btn BOX-S" align="center" style="color:white" href="http://game.ikongzhong.cn">空中传媒</a>
  443. </div>
  444. <div id="GameScoreLayer-msg" class="BOX" style="display:none">每天只能吃3次小苹果,明天继续吧! </div>
  445. <br/>
  446. </div>
  447. </div>
  448. <div id="welcome" class="SHADE BOX-M">
  449. <div class="welcome-bg FILL"></div>
  450. <div class="FILL BOX-M" style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;">
  451. <div style="margin:0 8% 0 9%;">
  452. <br/><br/>
  453. <div style="font-size:2.6em; color:#FEF002;">你爱小苹果吗?</div><br/>
  454. <div style="font-size:2.2em; color:#fff; line-height:1.5em;">点击最下面的小苹果开始,<br/>20秒内看你能吃掉多少个小苹果!<br/></div><br/><br/>
  455. <div id="ready-btn" class="btn loading" style="display:inline-block; margin:0 auto; width:8em; height:1.7em; line-height:1.7em; font-size:2.2em; color:#fff;"></div>
  456. <br/><br/><br/>
  457. <div style="font-size:1.6em;"><a style="color:#fff" href="http://game.ikongzhong.cn/">更多游戏</a></div></br>
  458. <div style="font-size:1.6em;"><a style="color:#fff" href="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd">关注我们</a></div>
  459. <br/>
  460. <div style="font-size:1.4em;"></div></br>
  461. </div>
  462. </div>
  463. </div>
  464. <div id="landscape" class="SHADE BOX-M" style="background:rgba(0,0,0,.9);">
  465. <div class="welcome-bg FILL"></div>
  466. <div id="landscape-text" style="color:#fff;font-size:3em;">请竖屏玩耍</div>
  467. </div>
  468. <div id="share-wx"><p style="text-align: right; padding-left: 10px;"><img src="2000.png" id="share-wx-img" style="max-width: 280px; padding-right: 25px;"></p></div>
  469. <script type="text/javascript">
  470. if (isDesktop)
  471. document.write('</div>');
  472. </script>
  473. <script>
  474. function o8(){}
  475. </script>
  476. </body>
  477. </html>