index.htm 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0" />
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <title>奇葩连连看-空中传媒</title>
  8. <link type="text/css" href="js/game_base.css" rel="stylesheet" />
  9. <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
  10. <script type="text/javascript">
  11. var GID = "link";
  12. var SCORE_LIMIT = 30;
  13. </script>
  14. <script type="text/javascript" src="js/game_base.js"></script>
  15. <script type="text/javascript" src="js/createjs-2013.12.12.min.js"></script>
  16. <script type="text/javascript" src="js/createjs_game.js"></script>
  17. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  18. <script type="text/javascript" src="js/main.js"></script>
  19. <script type="text/javascript">
  20. gjQipa.onGameStarted = function() {
  21. if (IS_REFFER) {
  22. $(".follow").animate({left:"-500px", opacity:0}, 500);
  23. }
  24. $(".moreGames").animate({bottom:"-100px", opacity:0}, 500);
  25. }
  26. gjQipa.onGameOver = function() {
  27. if (IS_REFFER) {
  28. $(".follow").animate({left:"0px", opacity:1}, 500);
  29. }
  30. $(".moreGames").animate({bottom:"10px", opacity:1}, 500);
  31. }
  32. </script>
  33. <style type="text/css">
  34. .follow {z-index:100; position:absolute; left:-500px; bottom:0px; width:20%; opacity:0;}
  35. .follow img {width:100%}
  36. .moreGames {
  37. z-index:100;
  38. position:absolute;
  39. bottom:10px;
  40. margin-left:auto;
  41. margin-right:auto;
  42. width:100%;
  43. text-align:center;}
  44. .moreGames a {
  45. font: 11px Arial;
  46. text-decoration: none;
  47. background-color: #C0C0C0;
  48. color: #FFFFFF;
  49. padding: 2px 10px 2px 10px;
  50. border-radius:8px;
  51. -webkit-border-radius:8px;
  52. }
  53. </style>
  54. </head>
  55. <body>
  56. <canvas id="stage">
  57. 奇葩连连看,有比你更奇葩的角色吗?如果你看到这行字,那建议你用苹果或者安卓手机在微信中玩。
  58. </canvas>
  59. <iframe id="lbFrame"></iframe>
  60. <span class="closeIframe">X</span>
  61. <script type="text/javascript">
  62. if (IS_REFFER) {
  63. document.write("<div class='follow'><a href='" + FOLLOW_URL + "'><img src='img/follow.gif'></a></div>");
  64. }
  65. document.write("<div class='moreGames'><a href='" + GAME_LIST_URL + "'>更多游戏</a></div>");
  66. </script>
  67. <div style="display:none">
  68. <div style="display: none;"><script type="text/javascript" src="http://tajs.qq.com/stats?sId=36313548" charset="UTF-8"></script></div>
  69. </body>
  70. </html>