Skip to content

php / dencare-game

Go to a project
Commit 306ce9d8 by doszhang
Options

dos

parent 65290215
Showing with 175 additions and 150 deletions
Application/Home/View/default/Index_index.tpl
......@@ -45,175 +45,198 @@
<link href="__CDN__/css/main.css" rel="stylesheet">
<style>
.container.transform {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
overflow: hidden;
}
.wrap-inner.transform {
position: absolute;
overflow: hidden;
left: 0;
width: 32rem;
height: 61.9rem;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
}
</style>
</head>
<body>
<audio id="mp3-bj" src="__CDN__/audio/b-j.mp3" preload="auto" loop="loop"></audio>
<div id="container">
<div class="page-loading" style="display: block">
<img class="x-h" src="__CDN__/images/x-h.png">
<img class="ball" src="__CDN__/images/ball.png">
<img class="loading" src="__CDN__/images/loding.png">
</div>
<div class="page_home" style="display: none">
<div class="zhou"></div>
<div class="c-d"></div>
<div class="game-bj"></div>
<div class="word"></div>
<div class="hand"></div>
<div class="btn-next-map"></div>
</div>
<div class="page-through" style="display: none">
<div class="through-map"></div>
<div class="map-1"></div>
<div class="map-2"></div>
<div class="map-3"></div>
<div class="map-4"></div>
<div class="map-5"></div>
</div>
<div class="page-lang" style="display: none">
<div class="zhou" style="position: fixed"></div>
<div class="c-d" style="position: fixed"></div>
<div class="word"></div>
<div class="arrow"></div>
<div class="bj"></div>
<div class="map-1" style="display: none"></div>
<div class="map-2" style="display: none"></div>
<div class="map-3" style="display: none"></div>
<div class="map-4" style="display: none"></div>
<div class="map-5" style="display: none"></div>
<div class="map-6" style="display: none"></div>
<div class="map-7" style="display: none"></div>
<div class="map-8" style="display: none"></div>
<div class="map-9" style="display: none"></div>
<div class="map-10" style="display: none"></div>
<div class="map-11" style="display: none"></div>
<div class="map-12" style="display: none"></div>
<div class="map-13" style="display: none"></div>
<div class="map-14" style="display: none"></div>
<div class="map-16" style="display: none"></div>
<div class="map-17" style="display: none"></div>
<div class="map-18" style="display: none"></div>
<div class="map-19" style="display: none"></div>
<div class="map-20" style="display: none"></div>
<div class="map-21" style="display: none"></div>
<div class="map-22" style="display: none"></div>
<div class="map-23" style="display: none"></div>
<div class="map-24" style="display: none"></div>
<div class="map-25" style="display: none"></div>
<div class="map-26" style="display: none"></div>
<div class="map-27" style="display: none"></div>
<div class="map-28"style="display: none"></div>
<div class="map-29" style="display: none"></div>
<div class="map-30" style="display: none"></div>
</div>
<div class="page-m-b" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<div class="swiper-container">
<div class="swiper-wrapper">
<img class="side-1 swiper-slide" src="__CDN__/images/side-1-1.png">
<img class="side-2 swiper-slide" src="__CDN__/images/side-2-2.png">
<img class="side-3 swiper-slide" src="__CDN__/images/side-3-3.png">
<img class="side-4 swiper-slide" src="__CDN__/images/side-4-4.png">
</div>
</div>
<div class="btn-right" style="display: none"></div>
<div class="btn-left"></div>
<div class="btn-next"></div>
<div class="word"></div>
</div>
<div class="page-x-z" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<div class="b-j" id="b-j">
<!-- dos -->
<div class="wrap-inner">
<!-- dos -->
<div class="page-loading" style="display: block">
<img class="x-h" src="__CDN__/images/x-h.png">
<img class="ball" src="__CDN__/images/ball.png">
<img class="loading" src="__CDN__/images/loding.png">
</div>
<div class="w-p x-z x-z-sate">
<img class="btn-x-map" data-id="1" src="__CDN__/images/m-1.png">
<img class="btn-x-map" data-id="2" src="__CDN__/images/m-2.png">
<img class="btn-x-map" data-id="3" src="__CDN__/images/m-3.png">
<img class="btn-x-map" data-id="4" src="__CDN__/images/m-4.png">
<img class="btn-x-map" data-id="5" src="__CDN__/images/m-5.png">
<img class="btn-x-map" data-id="6" src="__CDN__/images/m-6.png">
<img class="btn-x-map" data-id="7" src="__CDN__/images/m-7.png">
<img class="btn-x-map" data-id="8" src="__CDN__/images/m-8.png">
<img class="btn-x-map" data-id="9" src="__CDN__/images/m-9.png">
<img class="btn-x-map" data-id="10" src="__CDN__/images/m-10.png">
<img class="btn-x-map" data-id="11" src="__CDN__/images/m-11.png">
<img class="btn-x-map" data-id="12" src="__CDN__/images/m-12.png">
<img class="btn-x-map" data-id="13" src="__CDN__/images/m-13.png">
<img class="btn-x-map" data-id="14" src="__CDN__/images/m-14.png">
<img class="btn-x-map" data-id="15" src="__CDN__/images/m-15.png">
<div class="page_home" style="display: none">
<div class="zhou"></div>
<div class="c-d"></div>
<div class="game-bj"></div>
<div class="word"></div>
<div class="hand"></div>
<div class="btn-next-map"></div>
</div>
<div class="b-t x-z btn-map" style="display: none">
<img class="btn-x-map" data-id="17" src="__CDN__/images/b-17.png">
<img class="btn-x-map" data-id="18" src="__CDN__/images/b-18.png">
<img class="btn-x-map" data-id="19" src="__CDN__/images/b-19.png">
<img class="btn-x-map" data-id="20" src="__CDN__/images/b-20.png">
<div class="page-through" style="display: none">
<div class="through-map"></div>
<div class="map-1"></div>
<div class="map-2"></div>
<div class="map-3"></div>
<div class="map-4"></div>
<div class="map-5"></div>
</div>
<div class="b-y x-z x-z-sate">
<div class="btn-b-y btn-sate"></div>
<div class="btn-f-h btn-sate"></div>
<div class="page-lang" style="display: none">
<div class="zhou" style="position: fixed"></div>
<div class="c-d" style="position: fixed"></div>
<div class="word"></div>
<div class="arrow"></div>
<div class="bj"></div>
<div class="map-1" style="display: none"></div>
<div class="map-2" style="display: none"></div>
<div class="map-3" style="display: none"></div>
<div class="map-4" style="display: none"></div>
<div class="map-5" style="display: none"></div>
<div class="map-6" style="display: none"></div>
<div class="map-7" style="display: none"></div>
<div class="map-8" style="display: none"></div>
<div class="map-9" style="display: none"></div>
<div class="map-10" style="display: none"></div>
<div class="map-11" style="display: none"></div>
<div class="map-12" style="display: none"></div>
<div class="map-13" style="display: none"></div>
<div class="map-14" style="display: none"></div>
<div class="map-16" style="display: none"></div>
<div class="map-17" style="display: none"></div>
<div class="map-18" style="display: none"></div>
<div class="map-19" style="display: none"></div>
<div class="map-20" style="display: none"></div>
<div class="map-21" style="display: none"></div>
<div class="map-22" style="display: none"></div>
<div class="map-23" style="display: none"></div>
<div class="map-24" style="display: none"></div>
<div class="map-25" style="display: none"></div>
<div class="map-26" style="display: none"></div>
<div class="map-27" style="display: none"></div>
<div class="map-28"style="display: none"></div>
<div class="map-29" style="display: none"></div>
<div class="map-30" style="display: none"></div>
</div>
<div class="page-m-b" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<div class="swiper-container">
<div class="swiper-wrapper">
<img class="side-1 swiper-slide" src="__CDN__/images/side-1-1.png">
<img class="side-2 swiper-slide" src="__CDN__/images/side-2-2.png">
<img class="side-3 swiper-slide" src="__CDN__/images/side-3-3.png">
<img class="side-4 swiper-slide" src="__CDN__/images/side-4-4.png">
<div class="btn-w-p x-z btn-map" style="display: none">
<div class="btn-j-c btn-sate"></div>
<div class="btn-f-h btn-sate"></div>
</div>
</div>
<div class="btn-right" style="display: none"></div>
<div class="btn-left"></div>
<div class="btn-next"></div>
<div class="word"></div>
</div>
</div>
<div class="page-s-c" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<img class="h-b" src="">
<img class="btn-s" src="__CDN__/images/f-h.png">
<div class="btn">
<div class="btn-c-w btn-sate"></div>
<div class="btn-prize btn-sate"></div>
<div class="page-x-z" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<div class="b-j" id="b-j">
</div>
<div class="w-p x-z x-z-sate">
<img class="btn-x-map" data-id="1" src="__CDN__/images/m-1.png">
<img class="btn-x-map" data-id="2" src="__CDN__/images/m-2.png">
<img class="btn-x-map" data-id="3" src="__CDN__/images/m-3.png">
<img class="btn-x-map" data-id="4" src="__CDN__/images/m-4.png">
<img class="btn-x-map" data-id="5" src="__CDN__/images/m-5.png">
<img class="btn-x-map" data-id="6" src="__CDN__/images/m-6.png">
<img class="btn-x-map" data-id="7" src="__CDN__/images/m-7.png">
<img class="btn-x-map" data-id="8" src="__CDN__/images/m-8.png">
<img class="btn-x-map" data-id="9" src="__CDN__/images/m-9.png">
<img class="btn-x-map" data-id="10" src="__CDN__/images/m-10.png">
<img class="btn-x-map" data-id="11" src="__CDN__/images/m-11.png">
<img class="btn-x-map" data-id="12" src="__CDN__/images/m-12.png">
<img class="btn-x-map" data-id="13" src="__CDN__/images/m-13.png">
<img class="btn-x-map" data-id="14" src="__CDN__/images/m-14.png">
<img class="btn-x-map" data-id="15" src="__CDN__/images/m-15.png">
</div>
<div class="b-t x-z btn-map" style="display: none">
<img class="btn-x-map" data-id="17" src="__CDN__/images/b-17.png">
<img class="btn-x-map" data-id="18" src="__CDN__/images/b-18.png">
<img class="btn-x-map" data-id="19" src="__CDN__/images/b-19.png">
<img class="btn-x-map" data-id="20" src="__CDN__/images/b-20.png">
</div>
<div class="b-y x-z x-z-sate">
<div class="btn-b-y btn-sate"></div>
<div class="btn-f-h btn-sate"></div>
</div>
<div class="btn-w-p x-z btn-map" style="display: none">
<div class="btn-j-c btn-sate"></div>
<div class="btn-f-h btn-sate"></div>
</div>
</div>
</div>
<div class="dialog dialog_rule" style="display: none">
<div class="bj">
<div class="page-s-c" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<img class="h-b" src="">
<img class="btn-s" src="__CDN__/images/f-h.png">
<div class="btn">
<div class="btn-c-w btn-sate"></div>
<div class="btn-prize btn-sate"></div>
</div>
</div>
<div class="dialog dialog_rule" style="display: none">
<div class="bj">
<img class="map" src="__CDN__/images/dialog.png">
<div class="btn-close"></div>
<img class="map" src="__CDN__/images/dialog.png">
<div class="btn-close"></div>
</div>
</div>
</div>
<div class="dialog dialog_game_rule" style="display: none">
<div class="bj">
<div class="dialog dialog_game_rule" style="display: none">
<div class="bj">
<img class="map" src="__CDN__/images/game-rule.png">
<div class="btn-close-two"></div>
<img class="map" src="__CDN__/images/game-rule.png">
<div class="btn-close-two"></div>
</div>
</div>
</div>
<div class="dialog dialog-share" style="display: none">
<img src="__CDN__/images/share.png">
</div>
<div class="page-no-prize" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<div class="btn">
<div class="btn-share"></div>
<div class="btn-j-x"></div>
<div class="dialog dialog-share" style="display: none">
<img src="__CDN__/images/share.png">
</div>
<div class="page-no-prize" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<div class="btn">
<div class="btn-share"></div>
<div class="btn-j-x"></div>
</div>
</div>
<div class="page-prize" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<img class="prize-map" src="__CDN__/images/prize-1.jpg">
<div class="btn-info"></div>
</div>
</div>
<div class="page-prize" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<img class="prize-map" src="__CDN__/images/prize-1.jpg">
<div class="btn-info"></div>
</div>
<div class="page-info" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<input class="name" type="text" value="" maxlength="6">
<input class="address" type="text" value="" maxlength="200">
<input class="tel" type="text" value="" maxlength="11">
<div class="btn-submit" style="display: none"></div>
<div class="page-info" style="display: none">
<div class="zhou m-b-zhou-sate"></div>
<div class="c-d m-b-sate"></div>
<input class="name" type="text" value="" maxlength="6">
<input class="address" type="text" value="" maxlength="200">
<input class="tel" type="text" value="" maxlength="11">
<div class="btn-submit" style="display: none"></div>
</div>
</div>
</div>
......
Public/static/js/index.js
......@@ -100,8 +100,10 @@ $(document).ready(function () {
$('.page_home').hide();
$('.dialog_game_rule').hide();
$('.page-through').show();
$('.container,.wrap-inner').addClass('transform');
setTimeout(function () {
$('.page-through').hide();
$('.container,.wrap-inner').removeClass('transform');
$('.page-lang').show();
},5000)
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment