Skip to content

php / dencare-game

Go to a project
Commit cc6284b5 by zhangheng
Options

2

parent 29980f46
Showing with 90 additions and 9 deletions
Application/Home/View/default/Index_index.tpl
...@@ -131,6 +131,10 @@ ...@@ -131,6 +131,10 @@
<div class="map-28"style="display: none"></div> <div class="map-28"style="display: none"></div>
<div class="map-29" style="display: none"></div> <div class="map-29" style="display: none"></div>
<div class="map-30" style="display: none"></div> <div class="map-30" style="display: none"></div>
<div class="map-31" style="display: none"></div>
<div class="map-32" style="display: none"></div>
<div class="map-33" style="display: none"></div>
<div class="map-34" style="display: none"></div>
</div> </div>
<div class="page-m-b" style="display: none"> <div class="page-m-b" style="display: none">
<div class="zhou m-b-zhou-sate"></div> <div class="zhou m-b-zhou-sate"></div>
......
Public/static/css/main.css
...@@ -770,35 +770,83 @@ ul, li { ...@@ -770,35 +770,83 @@ ul, li {
left: 70px; left: 70px;
top: 5474px; top: 5474px;
background: url("../images/17.png") left top; background: url("../images/17.png") left top;
width: 528px; width: 262px;
height: 484px; height: 484px;
-webkit-animation: down 1s 1 linear; -webkit-animation: down 1s 1 linear;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-31 {
opacity: 0;
position: absolute;
display: inline-block;
left: 260px;
top: 5512px;
background: url("../images/31.png") left top;
width: 337px;
height: 420px;
-webkit-animation: right 1s 1 linear;
animation-fill-mode: forwards;
}
.page-lang .map-19 { .page-lang .map-19 {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
left: 39px; left: 320px;
top: 6361px; top: 6361px;
background: url("../images/19.png") left top; background: url("../images/19.png") left top;
width: 548px; width: 276px;
height: 304px; height: 304px;
-webkit-animation: left 1s 1 linear; -webkit-animation: left 1s 1 linear;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-32 {
opacity: 0;
position: absolute;
display: inline-block;
left: 40px;
top: 6415px;
background: url("../images/map-19.png") left top;
width: 263px;
height: 196px;
-webkit-animation: right 1s 1 linear;
animation-fill-mode: forwards;
}
.page-lang .map-20 { .page-lang .map-20 {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
left: 70px; left: 289px;
top: 6691px; top: 6708px;
background: url("../images/20.png") left top; background: url("../images/20.png") left top;
width: 520px; width: 520px;
height: 419px; height: 419px;
-webkit-animation: down 1s 1 linear; -webkit-animation: down 1s 1 linear;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-33 {
opacity: 0;
position: absolute;
display: inline-block;
left: 68px;
top: 6691px;
background: url("../images/32.png") left top;
width: 234px;
height: 186px;
-webkit-animation: left 1s 1 linear;
animation-fill-mode: forwards;
}
.page-lang .map-34 {
opacity: 0;
position: absolute;
display: inline-block;
left: 68px;
top: 6946px;
background: url("../images/32.png") left top;
width: 234px;
height: 186px;
-webkit-animation: left 1s 1 linear;
animation-fill-mode: forwards;
}
.page-lang .map-21 { .page-lang .map-21 {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
......
Public/static/css/main.scss
...@@ -601,19 +601,42 @@ ul, li { ...@@ -601,19 +601,42 @@ ul, li {
-webkit-animation: down 1s 1 linear; -webkit-animation: down 1s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-31 {
opacity: 0;
@include image_bounds_by_pos("../images/31.png", 260px, 5512px);
-webkit-animation: right 1s 1 linear;
animation-fill-mode: forwards
}
.map-19 { .map-19 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/19.png", 39px, 6361px); @include image_bounds_by_pos("../images/19.png", 320px, 6361px);
-webkit-animation: left 1s 1 linear; -webkit-animation: left 1s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-32 {
opacity: 0;
@include image_bounds_by_pos("../images/map-19.png", 40px, 6415px);
-webkit-animation: right 1s 1 linear;
animation-fill-mode: forwards
}
.map-20 { .map-20 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/20.png", 70px, 6691px); @include image_bounds_by_pos("../images/20.png", 289px, 6708px);
-webkit-animation: down 1s 1 linear; -webkit-animation: down 1s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-33 {
opacity: 0;
@include image_bounds_by_pos("../images/32.png", 68px, 6691px);
-webkit-animation: left 1s 1 linear;
animation-fill-mode: forwards
}
.map-34 {
opacity: 0;
@include image_bounds_by_pos("../images/32.png", 68px, 6946px);
-webkit-animation: left 1s 1 linear;
animation-fill-mode: forwards
}
.map-21 { .map-21 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/21.png", 74px, 7268px); @include image_bounds_by_pos("../images/21.png", 74px, 7268px);
......
Public/static/images/17.png
Public/static/images/17.png

250 KB | W: | H:

Public/static/images/17.png

126 KB | W: | H:

Public/static/images/17.png
Public/static/images/17.png
Public/static/images/17.png
Public/static/images/17.png
  • 2-up
  • Swipe
  • Onion skin
Public/static/images/19.png
Public/static/images/19.png

191 KB | W: | H:

Public/static/images/19.png

120 KB | W: | H:

Public/static/images/19.png
Public/static/images/19.png
Public/static/images/19.png
Public/static/images/19.png
  • 2-up
  • Swipe
  • Onion skin
Public/static/js/index.js
...@@ -194,16 +194,22 @@ $(document).ready(function () { ...@@ -194,16 +194,22 @@ $(document).ready(function () {
} }
if(wScrollY>=4557){ if(wScrollY>=4557){
$('.map-17').show() $('.map-17').show()
$('.map-31').show()
} }
if(wScrollY>=5202){ if(wScrollY>=5202){
$('.map-18').show() $('.map-18').show()
} }
if(wScrollY>=5433){ if(wScrollY>=5433){
$('.map-19').show() $('.map-19').show()
$('.map-32').show()
} }
if(wScrollY>=5788){ if(wScrollY>=5788){
$('.map-20').show() $('.map-20').show()
$('.map-33').show();
}
if(wScrollY>=5988){
$('.map-34').show()
} }
if(wScrollY>=6297){ if(wScrollY>=6297){
$('.map-21').show() $('.map-21').show()
......
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