LoweBowe/zira
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

ny theme updated

Browse source
This commit is contained in:
Dro1d.Ru 2018-12-13 18:46:36 +05:00
parent 5a4357bbaa
commit cc43d1d82c
4 changed files with 41 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
assets/css/holiday/holiday.css
View file

@ -128,6 +128,19 @@
left: 100px;
z-index: 98;
}
.new-year-theme-img-5 {
bottom: 0;
left: 0;
width: 100%;
background-repeat: repeat-x;
}
.new-year-theme-img-6 {
position: absolute;
top: 0;
left: 0;
z-index: 98;
max-width: 100%;
}
@keyframes newyearimg {
0% {
transform: translateY(-5px) rotateZ(-1deg);

BIN
assets/images/holiday/newyear5.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
assets/images/holiday/newyear6.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

28
assets/js/holiday/holiday.js
View file

@ -129,6 +129,34 @@
});
};
img4.src = base + '/assets/images/holiday/newyear4.png';
var img5 = new Image();
img5.onload = function(){
$('body').append('<div class="new-year-theme-img new-year-theme-img-5" style="background-image:url('+img5.src+');" />');
$('.new-year-theme-img-5').css('height',img5.height).css('bottom','-'+img5.height+'px').show().animate({bottom:'-10px'},1000,function(){
$(this).animate({bottom:'-15px'},500,function(){
$(this).animate({bottom:'-10px'},500);
});
});
$('.new-year-theme-img-5').click(function(){
$(this).animate({bottom:'-'+img5.height+'px'},1000);
});
};
img5.src = base + '/assets/images/holiday/newyear5.png';
var img6 = new Image();
img6.onload = function(){
$('body').append('<img class="new-year-theme-img new-year-theme-img-6" src="'+img6.src+'" alt="" />');
$('.new-year-theme-img-6').css('top','-'+img6.height+'px').show().animate({top:0},1000,function(){
$(this).animate({top:'-5px'},500,function(){
$(this).animate({top:'0px'},500);
});
});
$('.new-year-theme-img-6').click(function(){
$(this).animate({top:'-'+img6.height+'px'},1000);
});
};
img6.src = base + '/assets/images/holiday/newyear6.png';
$(window).scroll(function(){
var top = $(window).scrollTop();