index.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="user-scalable=no" />
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8. <meta name="apple-touch-fullscreen" content="yes" />
  9. <title></title>
  10. <style type="text/css">
  11. body, div, canvas
  12. {
  13. image-rendering: optimizeSpeed;
  14. -webkit-image-rendering: optimizeSpeed;
  15. -webkit-interpolation-mode: nearest-neighbor;
  16. }
  17. body{padding:0; margin:0;font-size:12px;background-color:#000;}
  18. body, html{height: 100%;}
  19. #outer{height:100%; overflow:hidden; position:relative; width:100%;}
  20. #outer[id]{display:table; position:static;}
  21. #middle{position:absolute; top:50%;} /* for ie only*/
  22. #middle[id]{display:table-cell; vertical-align:middle; position:static;}
  23. </style>
  24. <script type="text/javascript" src="js/quark.base-1.0.0.alpha.min.js"></script>
  25. <script type="text/javascript" src="js/jquery.js"></script>
  26. <script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
  27. <!-- <script type="text/javascript" src="src/Audio.js"></script> -->
  28. <script type="text/javascript" src="src/Orientation.js"></script>
  29. <script type="text/javascript" src="src/Button.js"></script>
  30. <script type="text/javascript" src="src/main.js"></script>
  31. <script type="text/javascript" src="src/Peach.js"></script>
  32. <script type="text/javascript" src="src/Monkey.js"></script>
  33. <script type="text/javascript" src="src/Num.js"></script>
  34. </head>
  35. <body>
  36. <div id="outer">
  37. <div id="middle">
  38. <div id="container" style="position:relative;top:-50%;width:100%;height:100%;margin:0 auto;">
  39. </div>
  40. </div>
  41. </div>
  42. <audio src="images/a.mp3" preload="auto" loop="true"></audio>
  43. <script>
  44. var imgUrl = "http://game.ikongzhong.cn/games/monkey/images/peach.png";
  45. var lineLink = "http://game.ikongzhong.cn/games/monkey/";
  46. var descContent = '微信抢桃';
  47. var shareTitle = '微信抢桃微信抢桃';
  48. var appid = '';
  49. function shareFriend() {
  50. WeixinJSBridge.invoke('sendAppMessage',{
  51. "appid": appid,
  52. "img_url": imgUrl,
  53. "img_width": "200",
  54. "img_height": "200",
  55. "link": lineLink,
  56. "desc": descContent,
  57. "title": shareTitle
  58. }, function(res) {
  59. //_report('send_msg', res.err_msg);
  60. })
  61. }
  62. function shareTimeline() {
  63. WeixinJSBridge.invoke('shareTimeline',{
  64. "img_url": imgUrl,
  65. "img_width": "200",
  66. "img_height": "200",
  67. "link": lineLink,
  68. "desc": descContent,
  69. "title": shareTitle
  70. }, function(res) {
  71. //_report('timeline', res.err_msg);
  72. });
  73. }
  74. function shareWeibo() {
  75. WeixinJSBridge.invoke('shareWeibo',{
  76. "content": descContent,
  77. "url": lineLink,
  78. }, function(res) {
  79. //_report('weibo', res.err_msg);
  80. });
  81. }
  82. // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
  83. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  84. // 发送给好友
  85. WeixinJSBridge.on('menu:share:appmessage', function(argv){
  86. shareFriend();
  87. });
  88. // 分享到朋友圈
  89. WeixinJSBridge.on('menu:share:timeline', function(argv){
  90. shareTimeline();
  91. });
  92. // 分享到微博
  93. WeixinJSBridge.on('menu:share:weibo', function(argv){
  94. shareWeibo();
  95. });
  96. }, false);
  97. /*
  98. $("#jquery_jplayer_1").jPlayer({
  99. ready: function () {
  100. $(this).jPlayer("setMedia", {
  101. mp3: "images/a.mp3"
  102. }).jPlayer("play");
  103. },
  104. swfPath: "js",
  105. supplied: "mp3",
  106. loop:"true"
  107. });
  108. */
  109. </script>
  110. </body>
  111. </html>