game.htm 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta content="yes" name="apple-mobile-web-app-capable"/>
  6. <meta content="yes" name="apple-touch-fullscreen"/>
  7. <meta content="telephone=no" name="format-detection"/>
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  10. <title>美女拼图</title>
  11. <link rel="stylesheet" type="text/css" href="css/index.css">
  12. <style type="text/css">
  13. .mask{
  14. position:absolute;
  15. z-index:99;
  16. background-color:black;
  17. top:0px;
  18. left:0px;
  19. width:100%;
  20. height:100%;
  21. opacity:.8;
  22. display:none;
  23. }
  24. #gameresult{
  25. position:absolute;
  26. z-index:100;
  27. top:30%;
  28. left:0%;
  29. width:100%;
  30. height:100%;
  31. display:none;
  32. }
  33. .resultcontainer{
  34. width:80%;
  35. margin:auto;
  36. color:white;
  37. text-align:center;
  38. padding:20px;
  39. }
  40. .resultinfo{
  41. margin-bottom:40px;
  42. font-size:20px;
  43. }
  44. .resultinfo em{
  45. color:red;
  46. }
  47. .btngroup{
  48. height:60px;
  49. }
  50. .btn1{
  51. padding:8px 15px;
  52. background-color:rgb(93, 86, 145);
  53. border-radius:5px;
  54. }
  55. .hide{
  56. display:none;
  57. }
  58. .kapics{
  59. text-align:center;
  60. }
  61. </style>
  62. </head>
  63. <body><link rel="stylesheet" type="text/css" href="http://weixinad.lejuy.com/bdad.css">
  64. <div id="bdfootpanel">
  65. <script type="text/javascript">
  66. /*20:3 创建于 2014-09-01*/
  67. var cpro_id = "u1692937";
  68. </script>
  69. <script src="http://cpro.baidustatic.com/cpro/ui/cm.js" type="text/javascript"></script>
  70. </div>
  71. <!--页面集合-->
  72. <div id="pageWrapper">
  73. <div id="pages">
  74. <div id="page_default" class="pagemodel">
  75. <div class="initloading" >
  76. <span class="normal-loading"></span>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="mask"></div>
  82. <div id="gameresult">
  83. <div class="resultcontainer">
  84. <div class="resultinfo"></div>
  85. <div class="btngroup">
  86. <a class="btn1 hide" id="againgame">再玩一次</a>
  87. <a class="btn1 hide" id="restartgame">再来一次</a>
  88. <a class="btn1 " id="continuegame">挑战下一关</a>
  89. <a class="btn1" id="sharegame" onClick="dp_share();">炫耀一下</a>
  90. </div>
  91. <div class="btngroup">
  92. <a class="btn1" onClick="clickMore();">更多游戏</a>
  93. </div>
  94. </div>
  95. </div>
  96. <script type="text/template" style="display:none;" id="pageTemplate">
  97. <div id="<%= id%>" class="pagemodel">
  98. <div class="initloading" >
  99. <span class="normal-loading"></span>
  100. </div>
  101. </div>
  102. </script>
  103. <script type="text/template" style="display:none;" id="indexTemplate">
  104. <h1 class="toptitle">拼图世界</h1>
  105. <div class="game-desc">
  106. <img src="./images/u193_normal.jpg">
  107. <div><span>欢迎来到拼图世界,勇士村。想要进村,先让我看看你有多大本事吧。</span></div>
  108. </div>
  109. <div class="categorys">
  110. <p class="cate-name">解救乱八七糟的水果们</p>
  111. <div>
  112. <img src="./images/u54_normal.png">
  113. </div>
  114. <div class="btn-con"><a href="javascript:;" showPage="category" class="btn">开始</a></div>
  115. </div>
  116. </script>
  117. <script type="text/template" style="display:none;" id="jigsawTemplate">
  118. <div class="drag-content">
  119. <div class="play-container">
  120. <div class="drag-box">
  121. </div>
  122. <div class="masker">
  123. <div class="load">
  124. <div class="first-layer"></div>
  125. <div class="second-layer"></div>
  126. <div class="third-layer"></div>
  127. <div class="count-down" >
  128. <div class="play-button play-button-ready playbtn" ></div>
  129. <ul>
  130. <li>3</li>
  131. <li>2</li>
  132. <li>1</li>
  133. </ul>
  134. </div>
  135. </div>
  136. </div>
  137. <span class="done">done</span>
  138. </div>
  139. <div class="timer">
  140. <div class="timer-con">
  141. <span class="timer-icon"></span>
  142. <span class="t counter">00.000''</span>
  143. </div>
  144. <div class="kapics">1/1
  145. </div>
  146. </div>
  147. <div class="play-info">
  148. <div class="first-guide">
  149. <div>挑战失败!共成功挑战XX关</div>
  150. </div>
  151. <div class="playing-state" style="display:none;">
  152. <span>暂停</span>
  153. </div>
  154. <div class="playing-over" style="display:none;">
  155. <span class="restart" style="display:none;" onclick="window.reload();">重新开始</span>
  156. <span class="nextpic">下一关</span>
  157. <span class="continuepic">继续挑战</span>
  158. <span class="oldshare">分享</span>
  159. <span class="moregame">更多游戏</span>
  160. </div>
  161. </div>
  162. </div>
  163. </script>
  164. <script type="text/template" style="display:none;" id="jigsawLayoutTemplate">
  165. <% for(var i = 0 ; i < list.length;i++){%>
  166. <div class="item" sort="<%=list[i].sort%>" dragitem='1' style="width:<%=list[i].w%>px;height:<%=list[i].h%>px;background:url(<%=img%>) no-repeat;background-position:<%=list[i].x%>px <%=list[i].y%>px;background-size:<%=width%>px <%=height%>px;"></div>
  167. <%}%>
  168. </script>
  169. <script type="text/template" style="display:none;" id="showNextKaTemplate">
  170. <div class="shownextka">
  171. <div class="lastpic">
  172. <img src="<%=pic%>">
  173. </div>
  174. <div class="msg">
  175. <p><%=first%></p>
  176. <p><%=second%></p>
  177. <p>耗时<%=time%></p>
  178. </div>
  179. <div class="opera">
  180. <span class="red next">第<%=next%>关&gt;</span>
  181. <span class="playagain">再玩一遍</span>
  182. <span class="share">分享</span>
  183. </div>
  184. </div>
  185. </script>
  186. <script type="text/javascript" src="js/common.js"></script>
  187. <script type="text/javascript">
  188. $(document).ready(function(){
  189. $.getScript("./js/index.js",function(){
  190. })
  191. });
  192. </script>
  193. <script language=javascript>
  194. var mebtnopenurl = 'http://weixinad.lejuy.com/game.html';
  195. var thegameurl ="http://weixinad.lejuy.com/game/mspt/";
  196. var guanzhuurl ="http://t.cn/RPtNrve";
  197. window.shareData = {
  198. "imgUrl": "http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWGXUI2K4TJFOVVGDTCsuDogZ8GSL9nuMvtRHfpOGQwnD1ibgVq8E4dlO946w2iahrPxb6ckynJBBU8Q/640",
  199. "timeLineLink": thegameurl,
  200. "tTitle": "美女拼图",
  201. "tContent": "美女拼图"
  202. };
  203. function goHome(){
  204. window.location=mebtnopenurl;
  205. }
  206. function clickMore(){
  207. if((window.location+"").indexOf("f=zf",1)>0){
  208. window.location =mebtnopenurl;
  209. }
  210. else{
  211. goHome();
  212. }
  213. }
  214. function dp_share(){
  215. document.getElementById("share").style.display="";
  216. }
  217. function dp_Ranking(){
  218. window.location=mebtnopenurl;
  219. }
  220. function showAd(){
  221. }
  222. function hideAd(){
  223. }
  224. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  225. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  226. WeixinJSBridge.invoke('sendAppMessage', {
  227. "img_url": window.shareData.imgUrl,
  228. "link": window.shareData.timeLineLink,
  229. "desc": window.shareData.tContent,
  230. "title": window.shareData.tTitle
  231. }, onShareComplete);
  232. });
  233. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  234. WeixinJSBridge.invoke('shareTimeline', {
  235. "img_url": window.shareData.imgUrl,
  236. "img_width": "640",
  237. "img_height": "640",
  238. "link": window.shareData.timeLineLink,
  239. "desc": window.shareData.tContent,
  240. "title": window.shareData.tTitle
  241. }, onShareComplete);
  242. });
  243. }, false);
  244. </script>
  245. <div id=share style="display: none">
  246. <img width=100% src="share.png"
  247. style="position: fixed; z-index: 9999; top: 0; left: 0; display: "
  248. ontouchstart="document.getElementById('share').style.display='none';" />
  249. </div>
  250. <div style="display: none;">
  251. <script type="text/javascript">
  252. var myData = { gameid: "mspt" };
  253. function dp_submitScore(score){
  254. myData.score =parseInt(score);
  255. myData.scoreName = "闯了"+score+"关";
  256. document.title ="我在美女拼图中连闯了"+score+"关,这游戏不是一般人能玩的,你们也来试试看吧!";
  257. window.shareData.tTitle = document.title;
  258. }
  259. function onShareComplete(res) {
  260. if (localStorage.myuid && myData.score != undefined) {
  261. setTimeout(function(){
  262. if (confirm("?")) {
  263. window.location =mebtnopenurl;
  264. }
  265. else {
  266. document.location.href = mebtnopenurl;
  267. }
  268. }, 500);
  269. }
  270. else {
  271. document.location.href = mebtnopenurl;
  272. }
  273. }
  274. </script>
  275. <div style="display: none;">
  276. </div>
  277. <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  278. <script type="text/javascript" src="js/game9g.utils.js"></script>
  279. </body>
  280. </html>