Skip to content

php / dencare-game

Go to a project
Commit 0bc37d48 by zhangheng
Options

2

parent ae9cbb7c
Showing with 70 additions and 12 deletions
Application/Home/View/default/Index_index.tpl
...@@ -135,6 +135,9 @@ ...@@ -135,6 +135,9 @@
<div class="map-32" style="display: none"></div> <div class="map-32" style="display: none"></div>
<div class="map-33" style="display: none"></div> <div class="map-33" style="display: none"></div>
<div class="map-34" style="display: none"></div> <div class="map-34" style="display: none"></div>
<div class="map-35" style="display: none"></div>
<div class="map-36" style="display: none"></div>
<div class="map-37" 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
...@@ -710,11 +710,23 @@ ul, li { ...@@ -710,11 +710,23 @@ ul, li {
left: 89px; left: 89px;
top: 4474px; top: 4474px;
background: url("../images/12.png") left top; background: url("../images/12.png") left top;
width: 468px; width: 257px;
height: 211px; height: 183px;
-webkit-animation: down 1.5s 1 linear; -webkit-animation: down 1.5s 1 linear;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-35 {
opacity: 0;
position: absolute;
display: inline-block;
left: 341px;
top: 4495px;
background: url("../images/35.png") left top;
width: 225px;
height: 196px;
-webkit-animation: right 1.5s 1 linear 1s;
animation-fill-mode: forwards;
}
.page-lang .map-13 { .page-lang .map-13 {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
...@@ -722,11 +734,35 @@ ul, li { ...@@ -722,11 +734,35 @@ ul, li {
left: 70px; left: 70px;
top: 4674px; top: 4674px;
background: url("../images/13.png") left top; background: url("../images/13.png") left top;
width: 486px; width: 198px;
height: 172px; height: 169px;
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-36 {
opacity: 0;
position: absolute;
display: inline-block;
left: 225px;
top: 4678px;
background: url("../images/36.png") left top;
width: 138px;
height: 161px;
-webkit-animation: down 0.5s 1 linear 1s;
animation-fill-mode: forwards;
}
.page-lang .map-37 {
opacity: 0;
position: absolute;
display: inline-block;
left: 225px;
top: 4678px;
background: url("../images/37.png") left top;
width: 172px;
height: 113px;
-webkit-animation: right 0.5s 1 linear 1s;
animation-fill-mode: forwards;
}
.page-lang .map-14 { .page-lang .map-14 {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
...@@ -820,7 +856,7 @@ ul, li { ...@@ -820,7 +856,7 @@ ul, li {
background: url("../images/33.png") left top; background: url("../images/33.png") left top;
width: 285px; width: 285px;
height: 399px; height: 399px;
-webkit-animation: down 1s 1 linear; -webkit-animation: down 1s 1 linear 1s;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-33 { .page-lang .map-33 {
...@@ -832,7 +868,7 @@ ul, li { ...@@ -832,7 +868,7 @@ ul, li {
background: url("../images/32.png") left top; background: url("../images/32.png") left top;
width: 234px; width: 234px;
height: 186px; height: 186px;
-webkit-animation: left 1s 1 linear; -webkit-animation: left 1s 1 linear 1s;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-34 { .page-lang .map-34 {
...@@ -844,7 +880,7 @@ ul, li { ...@@ -844,7 +880,7 @@ ul, li {
background: url("../images/34.png") left top; background: url("../images/34.png") left top;
width: 197px; width: 197px;
height: 167px; height: 167px;
-webkit-animation: left 1s 1 linear; -webkit-animation: left 1s 1 linear 1s;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.page-lang .map-21 { .page-lang .map-21 {
......
Public/static/css/main.scss
...@@ -571,12 +571,30 @@ ul, li { ...@@ -571,12 +571,30 @@ ul, li {
-webkit-animation: down 1.5s 1 linear; -webkit-animation: down 1.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-35 {
opacity: 0;
@include image_bounds_by_pos("../images/35.png", 341px, 4495px);
-webkit-animation: right 1.5s 1 linear 1s;
animation-fill-mode: forwards
}
.map-13 { .map-13 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/13.png", 70px, 4674px); @include image_bounds_by_pos("../images/13.png", 70px, 4674px);
-webkit-animation: right 0.5s 1 linear; -webkit-animation: right 0.5s 1 linear;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-36 {
opacity: 0;
@include image_bounds_by_pos("../images/36.png", 225px, 4678px);
-webkit-animation: down 0.5s 1 linear 1s;
animation-fill-mode: forwards
}
.map-37 {
opacity: 0;
@include image_bounds_by_pos("../images/37.png", 225px, 4678px);
-webkit-animation: right 0.5s 1 linear 1s;
animation-fill-mode: forwards
}
.map-14 { .map-14 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/14.png", 105px, 4876px); @include image_bounds_by_pos("../images/14.png", 105px, 4876px);
...@@ -622,20 +640,20 @@ ul, li { ...@@ -622,20 +640,20 @@ ul, li {
.map-20 { .map-20 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/33.png", 289px, 6708px); @include image_bounds_by_pos("../images/33.png", 289px, 6708px);
-webkit-animation: down 1s 1 linear; -webkit-animation: down 1s 1 linear 1s;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-33 { .map-33 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/32.png", 68px, 6691px); @include image_bounds_by_pos("../images/32.png", 68px, 6691px);
-webkit-animation: left 1s 1 linear; -webkit-animation: left 1s 1 linear 1s;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-34 { .map-34 {
opacity: 0; opacity: 0;
@include image_bounds_by_pos("../images/34.png", 68px, 6946px); @include image_bounds_by_pos("../images/34.png", 68px, 6946px);
-webkit-animation: left 1s 1 linear; -webkit-animation: left 1s 1 linear 1s;
animation-fill-mode: forwards animation-fill-mode: forwards
} }
.map-21 { .map-21 {
......
Public/static/images/12.png
Public/static/images/12.png

148 KB | W: | H:

Public/static/images/12.png

79.9 KB | W: | H:

Public/static/images/12.png
Public/static/images/12.png
Public/static/images/12.png
Public/static/images/12.png
  • 2-up
  • Swipe
  • Onion skin
Public/static/images/13.png
Public/static/images/13.png

125 KB | W: | H:

Public/static/images/13.png

54.7 KB | W: | H:

Public/static/images/13.png
Public/static/images/13.png
Public/static/images/13.png
Public/static/images/13.png
  • 2-up
  • Swipe
  • Onion skin
Public/static/js/index.js
...@@ -178,11 +178,12 @@ $(document).ready(function () { ...@@ -178,11 +178,12 @@ $(document).ready(function () {
} }
if(wScrollY>=3549){ if(wScrollY>=3549){
$('.map-12').show() $('.map-12').show()
$('.map-35').show()
} }
if(wScrollY>=3692){ if(wScrollY>=3692){
$('.map-13').show() $('.map-13').show()
$('.map-36').show()
$('.map-37').show()
} }
if(wScrollY>=3882){ if(wScrollY>=3882){
$('.map-14').show() $('.map-14').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