123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta content="yes" name="apple-mobile-web-app-capable"/>
- <meta content="yes" name="apple-touch-fullscreen"/>
- <meta content="telephone=no" name="format-detection"/>
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
- <title>美女拼图</title>
- <link rel="stylesheet" type="text/css" href="css/index.css">
- <style type="text/css">
- .mask{
- position:absolute;
- z-index:99;
- background-color:black;
- top:0px;
- left:0px;
- width:100%;
- height:100%;
- opacity:.8;
- display:none;
- }
- #gameresult{
- position:absolute;
- z-index:100;
- top:30%;
- left:0%;
- width:100%;
- height:100%;
- display:none;
- }
- .resultcontainer{
- width:80%;
- margin:auto;
- color:white;
- text-align:center;
- padding:20px;
- }
- .resultinfo{
- margin-bottom:40px;
- font-size:20px;
- }
- .resultinfo em{
- color:red;
- }
- .btngroup{
- height:60px;
- }
- .btn1{
- padding:8px 15px;
- background-color:rgb(93, 86, 145);
- border-radius:5px;
- }
- .hide{
- display:none;
- }
- .kapics{
- text-align:center;
- }
- </style>
- </head>
- <body>
- <!--页面集合-->
- <div id="pageWrapper">
- <div id="pages">
- <div id="page_default" class="pagemodel">
- <div class="initloading" >
- <span class="normal-loading"></span>
- </div>
- </div>
- </div>
- </div>
- <div class="mask"></div>
- <div id="gameresult">
- <div class="resultcontainer">
- <div class="resultinfo"></div>
- <div class="btngroup">
- <a class="btn1 hide" id="againgame">再玩一次</a>
- <a class="btn1 hide" id="restartgame">再来一次</a>
- <a class="btn1 " id="continuegame">挑战下一关</a>
- <a class="btn1" id="sharegame" onClick="dp_share();">炫耀一下</a>
- </div>
- <div class="btngroup">
- <a class="btn1" onClick="clickMore();">更多游戏</a>
- </div>
- </div>
- </div>
- <script type="text/template" style="display:none;" id="pageTemplate">
- <div id="<%= id%>" class="pagemodel">
- <div class="initloading" >
- <span class="normal-loading"></span>
- </div>
- </div>
- </script>
- <script type="text/template" style="display:none;" id="indexTemplate">
- <h1 class="toptitle">拼图世界</h1>
- <div class="game-desc">
- <img src="./images/u193_normal.jpg">
- <div><span>欢迎来到拼图世界,勇士村。想要进村,先让我看看你有多大本事吧。</span></div>
- </div>
- <div class="categorys">
- <p class="cate-name">解救乱八七糟的水果们</p>
- <div>
- <img src="./images/u54_normal.png">
- </div>
- <div class="btn-con"><a href="javascript:;" showPage="category" class="btn">开始</a></div>
- </div>
- </script>
- <script type="text/template" style="display:none;" id="jigsawTemplate">
- <div class="drag-content">
- <div class="play-container">
- <div class="drag-box">
- </div>
- <div class="masker">
- <div class="load">
- <div class="first-layer"></div>
- <div class="second-layer"></div>
- <div class="third-layer"></div>
- <div class="count-down" >
- <div class="play-button play-button-ready playbtn" ></div>
- <ul>
- <li>3</li>
- <li>2</li>
- <li>1</li>
- </ul>
- </div>
- </div>
- </div>
- <span class="done">done</span>
- </div>
- <div class="timer">
- <div class="timer-con">
- <span class="timer-icon"></span>
- <span class="t counter">00.000''</span>
- </div>
- <div class="kapics">1/1
- </div>
- </div>
- <div class="play-info">
- <div class="first-guide">
- <div>挑战失败!共成功挑战XX关</div>
-
- </div>
- <div class="playing-state" style="display:none;">
- <span>暂停</span>
- </div>
- <div class="playing-over" style="display:none;">
- <span class="restart" style="display:none;" onclick="window.reload();">重新开始</span>
- <span class="nextpic">下一关</span>
- <span class="continuepic">继续挑战</span>
- <span class="oldshare">分享</span>
- <span class="moregame">更多游戏</span>
- </div>
- </div>
- </div>
- </script>
- <script type="text/template" style="display:none;" id="jigsawLayoutTemplate">
- <% for(var i = 0 ; i < list.length;i++){%>
- <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>
- <%}%>
- </script>
- <script type="text/template" style="display:none;" id="showNextKaTemplate">
- <div class="shownextka">
- <div class="lastpic">
- <img src="<%=pic%>">
- </div>
- <div class="msg">
- <p><%=first%></p>
- <p><%=second%></p>
- <p>耗时<%=time%></p>
- </div>
- <div class="opera">
- <span class="red next">第<%=next%>关></span>
- <span class="playagain">再玩一遍</span>
- <span class="share">分享</span>
- </div>
- </div>
- </script>
- <script type="text/javascript" src="js/common.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $.getScript("./js/index.js",function(){
- })
- });
- </script>
- <script language=javascript>
- var mebtnopenurl = 'http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd';
- var thegameurl ="http://game.ikongzhong.cn/games/mspt/";
- var guanzhuurl ="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd";
- window.shareData = {
- "imgUrl": "http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWGXUI2K4TJFOVVGDTCsuDogZ8GSL9nuMvtRHfpOGQwnD1ibgVq8E4dlO946w2iahrPxb6ckynJBBU8Q/640",
- "timeLineLink": thegameurl,
- "tTitle": "美女拼图",
- "tContent": "美女拼图"
- };
-
- function goHome(){
- window.location=mebtnopenurl;
- }
- function clickMore(){
- if((window.location+"").indexOf("f=zf",1)>0){
- window.location =mebtnopenurl;
- }
- else{
- goHome();
- }
- }
- function dp_share(){
- document.getElementById("share").style.display="";
-
- }
- function dp_Ranking(){
- window.location=mebtnopenurl;
- }
- function showAd(){
- }
- function hideAd(){
- }
- document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
-
- WeixinJSBridge.on('menu:share:appmessage', function(argv) {
- WeixinJSBridge.invoke('sendAppMessage', {
- "img_url": window.shareData.imgUrl,
- "link": window.shareData.timeLineLink,
- "desc": window.shareData.tContent,
- "title": window.shareData.tTitle
- }, onShareComplete);
- });
- WeixinJSBridge.on('menu:share:timeline', function(argv) {
- WeixinJSBridge.invoke('shareTimeline', {
- "img_url": window.shareData.imgUrl,
- "img_width": "640",
- "img_height": "640",
- "link": window.shareData.timeLineLink,
- "desc": window.shareData.tContent,
- "title": window.shareData.tTitle
- }, onShareComplete);
- });
- }, false);
- </script>
- <div id=share style="display: none">
- <img width=100% src="share.png"
- style="position: fixed; z-index: 9999; top: 0; left: 0; display: "
- ontouchstart="document.getElementById('share').style.display='none';" />
- </div>
- <div style="display: none;">
- <script type="text/javascript">
- var myData = { gameid: "mspt" };
- function dp_submitScore(score){
- myData.score =parseInt(score);
- myData.scoreName = "闯了"+score+"关";
- document.title ="我在美女拼图中连闯了"+score+"关,这游戏不是一般人能玩的,你们也来试试看吧!";
- window.shareData.tTitle = document.title;
-
- }
-
- function onShareComplete(res) {
- if (localStorage.myuid && myData.score != undefined) {
- setTimeout(function(){
- if (confirm("?")) {
- window.location =mebtnopenurl;
- }
- else {
- document.location.href = mebtnopenurl;
- }
- }, 500);
- }
- else {
- document.location.href = mebtnopenurl;
- }
- }
- </script>
- <div style="display: none;">
-
- </div>
- <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
- <script type="text/javascript" src="js/game9g.utils.js"></script>
- </body>
- </html>
|