index.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <meta name="viewport" content="width = 320,initial-scale=1,user-scalable=no" />
  5. <link rel="apple-touch-icon-precomposed" href="icon.png"/>
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <link rel="apple-touch-icon-precomposed" href="icon.png"/>
  8. <link rel="apple-touch-startup-image" href="i/loader.png">
  9. <meta name="description" content="堆木头游戏,简单好玩的小游戏,尽可能的精确对齐木头,堆木头达到最高,当你感觉木头和下面的对齐时,按下按钮放木头" />
  10. <title>堆木头 反应速度测试小游戏--空中传媒</title>
  11. <style type="text/css">
  12. body { font-family: helvetica, arial; background-color: #000000; color: #a3b3c3; border:0; padding:0; font-size:90%; overflow: hidden;
  13. width: 320px;
  14. margin: auto;}
  15. h1 {margin:.4em;}
  16. h3 { font-size:120%; margin:12px; padding-left:0;margin-bottom:.5em; color: #ffffff;}
  17. p {margin:0; margin:12px; margin-top:.5em; margin-bottom:.5em; font-size:84%;}
  18. a { color: #ffffff; }
  19. td{text-align:center; font-size: 70%;}
  20. .ibox {width:320px; height:315px; overflow:hidden; background-color: #000000; margin:auto;}
  21. .iboxcontent {width:320px; height:315px; float:left; overflow:hidden;}
  22. .ibc1 {background-color: #3b4859; background-image:url(./i/bg1.png);}
  23. .ibc2 {background-color: #404d5e; background-image:url(./i/bg2.png);}
  24. #alertbox {display:none;position:absolute; z-index:200;}
  25. #alertbox_flekk {position:absolute; width:320px; height: 356px; background-color:#000000; opacity: .8;}
  26. #alertbox_content {position:absolute; width:320px; height:286px; margin-top:70px; text-align:center; color:#ffffff;}
  27. #alertbox_content .fontostext {color:#a3b3c3;}
  28. #alertbox a {margin:10px; width:114px; height:54px; }
  29. img {border:0;}
  30. #imenu {width:320px;height:41px; margin:auto; text-align:center; background-image:url(./i/menu.png); background-position:0 0px;}
  31. #imenu a:hover {opacity:.5;}
  32. #button_game {background-image:url(./i/menu.png); display:block; float:left; width:72px; height:41px; background-position:0 0;}
  33. #button_highscore {background-image:url(./i/menu.png); display:block; float:left; width:110px; height:41px;background-position: -72px -41px;}
  34. #button_about {background-image:url(./i/menu.png); display:block; float:left; width:100px; height:41px; background-position: -182px -41px;}
  35. #score,#combo,#level {color:#ffffff;}
  36. #button_xwuz {position:absolute; display:block; width:48px; height:57px; margin: 5px 0 0 267px; background-image:url(./i/xwuz.png);z-index:1; cursor:pointer;}
  37. #yourbest { text-align:center; font-weight:bold; color:#ffffff;font-size: 300%; margin: .5em auto .5em auto; background-image:url(./i/flekk.png); width:296px; height:65px; padding-top:15px;}
  38. .fontostext {color: #ffffff;}
  39. #preload {width:320px;position:absolute; visibility:hidden; overflow:hidden;}
  40. </style>
  41. <script type="text/javascript" src="standard.js" charset="utf-8"></script>
  42. <script type="text/javascript" src="stack.js" charset="utf-8"></script>
  43. </head>
  44. <body>
  45. <div style="width:320px; height: 500px;">
  46. <!--<div style="width:100%; height:50px;text-align:center;overflow:hidden;margin:0 auto;margin-bottom: 10px;">
  47. <a href="http://xjwdm.com/">
  48. <img src="ad.jpg" style="width:100%;height:50px;"></a>
  49. </div>-->
  50. <div style="position: absolute;margin-top: 400px; width: 320px; heigth: 48px; background: #ffffff"></div>
  51. <div id="alertbox"><div id="alertbox_flekk"></div><div id="alertbox_content"></div></div>
  52. <a id="button_xwuz" onclick="return menuswitch(document.getElementById('button_about'));" ontouchstart="return menuswitch(document.getElementById('button_about'));"></a>
  53. <div id="imenu">
  54. <a id="button_game" href="#game" class="active" onclick="return menuswitch(this);" ontouchstart="return menuswitch(this);"><span style="display:none">重新开始</span></a>
  55. <a id="button_highscore" href="#highscore" onclick="return menuswitch(this);" ontouchstart="return menuswitch(this);"><span style="display:none">游戏排行榜</span></a>
  56. <a id="button_about" href="http://game.ikongzhong.cn/" ontouchstart="return menuswitch(this);"><span style="display:none">更多游戏</span></a>
  57. </div>
  58. <div class="ibox" id="container"><div style="width:10000px;" id="container_scroller">
  59. <div id="ibox_game" class="iboxcontent ibc1" style="position: relative;">
  60. <div style="width: 237px; height:15px; overflow:hidden;margin-left: 13px;padding-top:10px; font-size:90%; position:absolute; z-index:20;">
  61. <div style="float:left"><div style="float:left" id="score_title">得分:&nbsp;</div><div id="score" style="float:left; width:2em;">0</div></div>
  62. <div style="float:right"><div style="float:left">连击:&nbsp;</div><div id="combo" style="float:left; width:1.5em;">0</div></div>
  63. <div style="text-align:center">等级: <span id="level">1</span></div>
  64. </div>
  65. <div style="width:320px;height:316px; overflow:hidden; position: relative;" id="st_outerarea">
  66. </div>
  67. </div>
  68. <div id="ibox_highscore" class="iboxcontent ibc2">
  69. <h3>您目前的最高分是...</h3>
  70. <div id="yourbest"></div>
  71. <p>一般人努力点可以达到<span class="fontostext">2500</span> 分, 高手可以达到<span class="fontostext">3500</span> 分. 你可以分享给好友挑战下</p>
  72. <p>你已经玩了 <span id="gamesplayed" class="fontostext">0</span> 次 <span class="fontostext">堆木头</span>.</p>
  73. <p>点击右上角分享分数到朋友圈</p>
  74. <!--<div class="baidu_share">
  75. Baidu Button BEGIN
  76. <div id="share_label" style="border-bottom: none">
  77. <p><span>分享到 : </span></p>
  78. </div>
  79. <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" style="margin-left:20px;">
  80. <a class="bds_tsina"></a>
  81. <a class="bds_qzone"></a>
  82. <a class="bds_tqq"></a>
  83. <a class="bds_douban"></a>
  84. <a class="bds_renren"></a>
  85. <a class="shareCount"></a>
  86. </div>
  87. <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=603462" ></script>
  88. <script type="text/javascript" id="bdshell_js"></script>
  89. <script type="text/javascript">
  90. document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
  91. </script>
  92. Baidu Button END
  93. <br style="clear: both">
  94. </div>-->
  95. </div>
  96. </div></div>
  97. <script type="text/javascript"><!--
  98. firstinit();
  99. ialert('<h1>堆木头</h1><p style="margin: 0 20px 0 20px; text-align:left;"><img src="i/icon.png" alt="堆木头!" style="width:64px; height:64px;float:left; margin-right:5px;"/> 当木头移动到木头堆正上方时,按下按钮放木头,尽可能的对齐木头.</p>'+
  100. '<div style="width:110px; margin:30px auto -30px auto;"></div>','restartgame()');
  101. //-->
  102. function play68_init() {
  103. updateShare(0);
  104. }
  105. function updateShare(bestScore) {
  106. imgUrl = './icon.png';
  107. lineLink = './index.html';
  108. descContent = "创意跳高游戏,快来一起跳!";
  109. updateShareScore(bestScore);
  110. appid = '';
  111. }
  112. function updateShareScore(bestScore) {
  113. if(bestScore > 0) {
  114. shareTitle = "我跳我跳我跳跳跳到" + bestScore + "米,你跳你跳你跳跳跳看!";
  115. }
  116. else{
  117. shareTitle = "我跳我跳我跳跳跳,你跳你跳你跳跳跳!";
  118. }
  119. }
  120. play68_init();
  121. </script>
  122. </div>
  123. </body>
  124. </html>