index.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="robots" content="all" />
  6. <meta name="author" content="Tencent-TGideas" />
  7. <meta name="Copyright" content="Tencent" />
  8. <title>暴打小苹果!- 魂之猎手</title>
  9. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
  10. <style>
  11. html, body { margin:0; padding:0; text-align: center; background-color:#000000;width:100%;height:100%;}
  12. p{margin:0;}
  13. .orient,
  14. .layer{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:21px;display:none;
  15. background: rgb(15,35,70); /* Old browsers */
  16. background: -moz-linear-gradient(top, rgba(15,35,70,1) 0%, rgba(48,108,160,1) 100%); /* FF3.6+ */
  17. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,35,70,1)), color-stop(100%,rgba(48,108,160,1))); /* Chrome,Safari4+ */
  18. background: -webkit-linear-gradient(top, rgba(15,35,70,1) 0%,rgba(48,108,160,1) 100%); /* Chrome10+,Safari5.1+ */
  19. background: -o-linear-gradient(top, rgba(15,35,70,1) 0%,rgba(48,108,160,1) 100%); /* Opera 11.10+ */
  20. background: -ms-linear-gradient(top, rgba(15,35,70,1) 0%,rgba(48,108,160,1) 100%); /* IE10+ */
  21. background: linear-gradient(to bottom, rgba(15,35,70,1) 0%,rgba(48,108,160,1) 100%);
  22. }
  23. .orient p{position:absolute;width:100%;height:30px;text-align:center;left:0;top:50%;margin-top:-15px;}
  24. .lclose{position:absolute;top:15px;right:15px;width:12px;height:12px;line-height:100px;overflow:hidden;background:url(images/layer.png) no-repeat top right;background-size:250px 141px;}
  25. .layer .cnt{width:100%;max-width:640px;margin:0 auto;}
  26. .lvideo{width:265px;height:167px;margin:8px auto 10px;}
  27. .llogo{width:110px;height:78px;margin:25px auto 15px;background:url(images/layer.png) no-repeat;background-size:250px 141px;}
  28. .lsogan{width:230px;height:62px;margin:0 auto;line-height:200px;overflow:hidden;background:url(images/layer.png) no-repeat 0 -79px;background-size:250px 141px;}
  29. .lnote{font-size:14px;color:#84b1da;}
  30. .lbtn{display:block;vertical-align:top;width:107px;height:31px;line-height:100px;overflow:hidden;margin:6px auto;background:url(images/layer.png) no-repeat -119px 0;background-size:250px 141px;}
  31. </style>
  32. </head>
  33. <body onload="initApp()">
  34. <div class="orient" id="orient"><p>请在竖屏情况下使用</p></div>
  35. <!-- 视频层 -->
  36. <!-- <div class="layer" id="layer"><div class="cnt">
  37. <div class="llogo"></div>
  38. <p class="lsogan">参与无双内测 体验无双动作</p>
  39. <div class="lvideo" id="lvideo"></div>
  40. <p class="lnote">建议在wifi环境下播放</p>
  41. <p><a class="lbtn" target="_blank" href="http://mp.weixin.qq.com/s?__biz=MjM5MTQ1OTE0MQ==&mid=201145397&idx=1&sn=1364d06b945110b6a7b34a1d080ff9e7#rd" onclick="pgvSendClick({hottag:'act.a20140721hds.btngetcode'});">抢码 go</a></p>
  42. <span class="lclose" id="lclose">关闭</span>
  43. </div></div> -->
  44. <div id="loadicon" style="margin-top: 300px" >
  45. <img src="data:image/gif;base64,R0lGODlhEAAQALMNAD8/P7+/vyoqKlVVVX9/fxUVFUBAQGBgYMDAwC8vL5CQkP///wAAAP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAANACwAAAAAEAAQAAAEO5DJSau9OOvNex0IMnDIsiCkiW6g6BmKYlBFkhSUEgQKlQCARG6nEBwOgl+QApMdCIRD7YZ5RjlGpCUCACH5BAUAAA0ALAAAAgAOAA4AAAQ6kLGB0JA4M7QW0hrngRllkYyhKAYqKUGguAws0ypLS8JxCLQDgXAIDg+FRKIA6v0SAECCBpXSkstMBAAh+QQFAAANACwAAAAACgAQAAAEOJDJORAac6K1kDSKYmydpASBUl0mqmRfaGTCcQgwcxDEke+9XO2WkxQSiUIuAQAkls0n7JgsWq8RACH5BAUAAA0ALAAAAAAOAA4AAAQ6kMlplDIzTxWC0oxwHALnDQgySAdBHNWFLAvCukc215JIZihVIZEogDIJACBxnCSXTcmwGK1ar1hrBAAh+QQFAAANACwAAAAAEAAKAAAEN5DJKc4RM+tDyNFTkSQF5xmKYmQJACTVpQSBwrpJNteZSGYoFWjIGCAQA2IGsVgglBOmEyoxIiMAIfkEBQAADQAsAgAAAA4ADgAABDmQSVZSKjPPBEDSGucJxyGA1XUQxAFma/tOpDlnhqIYN6MEAUXvF+zldrMBAjHoIRYLhBMqvSmZkggAIfkEBQAADQAsBgAAAAoAEAAABDeQyUmrnSWlYhMASfeFVbZdjHAcgnUQxOHCcqWylKEohqUEAYVkgEAMfkEJYrFA6HhKJsJCNFoiACH5BAUAAA0ALAIAAgAOAA4AAAQ3kMlJq704611SKloCAEk4lln3DQgyUMJxCBKyLAh1EMRR3wiDQmHY9SQslyIQUMRmlmVTIyRaIgA7"/>
  46. </div>
  47. <script src="lib/tgcreate.js"></script>
  48. <script src="js/soundjs-0.5.2.min.js"></script>
  49. <script src="js/mfminigamev4.js"></script>
  50. <script language="javascript">
  51. //横屏提示
  52. function orientationChange(){
  53. if(window.orientation==90||window.orientation==-90){document.getElementById("orient").style.display="block"}else{document.getElementById("orient").style.display="none"}
  54. }
  55. orientationChange();
  56. window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", orientationChange, false);
  57. // if(location.hash==="#site"){ pgvSendClick({hottag:'act.a20140721hds.qrcode'}); }
  58. // if(location.hash==="#post"){ pgvSendClick({hottag:'act.a20140721hds.frompost'}); }
  59. //关闭浮层
  60. // document.getElementById("lclose").onClick = function(){
  61. // document.getElementById("layer").style.display = "none";
  62. // document.getElementById("lvideo").innerHTML = "";
  63. // }
  64. //视频
  65. // function playVideo(){
  66. // var video = new tvp.VideoInfo();
  67. // video.setVid("i01334oyvim");
  68. // video.setTitle("街机风闯关动作网游《魂之猎手》无双内测");
  69. // var player = new tvp.Player();
  70. // player.create({
  71. // width:265,
  72. // height:167,
  73. // video:video,
  74. // isVodFlashShowSearchBar:0,
  75. // isVodFlashShowEnd:0,
  76. // vodFlashSkin:"http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf",
  77. // modId:"lvideo",
  78. // onplaying:function(){/*pgvSendClick({hottag:'act.a20140721hds.playvideo'});*/}
  79. // });
  80. // }
  81. function onShowVideo(){
  82. // playVideo();
  83. document.getElementById("layer").style.display = "block";
  84. // pgvSendClick({hottag:'act.a20140721hds.showlayer'});
  85. }
  86. // function onBridgeReady() {
  87. // //转发朋友圈
  88. // WeixinJSBridge.on("menu:share:timeline", function(e) {
  89. // var url = 'http://mf.qq.com/act/a20140721hds/index.html';
  90. // var data = {
  91. // img_url: "images/logo_s.jpg",
  92. // img_width: "244",
  93. // img_height: "120",
  94. // link: url,
  95. // //desc这个属性要加上,虽然不会显示,但是不加暂时会导致无法转发至朋友圈,
  96. // desc:"30秒决战小苹果,一大波小苹果来袭,拳力出击!",
  97. // title: "暴击"+GD.GETNUM+"个小苹果,最高连击"+GD.MAXHITUM+":"+GD.COMMENT
  98. // };
  99. // WeixinJSBridge.invoke("shareTimeline", data, function(res) {
  100. // pgvSendClick({hottag:'act.a20140721hds.shareTimeline'});
  101. // WeixinJSBridge.log(res.err_msg);
  102. // });
  103. // });
  104. // //同步到微博
  105. // WeixinJSBridge.on("menu:share:weibo", function() {
  106. // var url = 'http://mf.qq.com/act/a20140721hds/index.html';
  107. // WeixinJSBridge.invoke("shareWeibo", {
  108. // "content": GD.SHAREWORD,
  109. // "url": url
  110. // }, function(res) {
  111. // WeixinJSBridge.log(res.err_msg);
  112. // });
  113. // });
  114. // //分享给朋友
  115. // WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  116. // var url = 'http://mf.qq.com/act/a20140721hds/index.html';
  117. // WeixinJSBridge.invoke("sendAppMessage", {
  118. // img_url: "images/logo_s.jpg",
  119. // img_width: "244",
  120. // img_height: "120",
  121. // link: url,
  122. // title:"30秒决战小苹果,一大波小苹果来袭,拳力出击!",
  123. // desc: "暴击"+GD.GETNUM+"个小苹果,最高连击"+GD.MAXHITUM+":"+GD.COMMENT
  124. // }, function(res) {
  125. // pgvSendClick({hottag:'act.a20140721hds.sharemessage'});
  126. // WeixinJSBridge.log(res.err_msg)
  127. // });
  128. // });
  129. // };
  130. // try{
  131. // document.addEventListener('WeixinJSBridgeReady', function() {
  132. // onBridgeReady();
  133. // });
  134. // }catch(e){}
  135. </script>
  136. <canvas id="canvas" width="630" height="992" style="background-color:#000000"></canvas>
  137. </body>
  138. </html><!--[if !IE]>|xGv00|6f6ac6b6ebb1bfbc43c764deab2fa7ee<![endif]-->