index.html 4.0 KB

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