67 lines
No EOL
2.2 KiB
JavaScript
67 lines
No EOL
2.2 KiB
JavaScript
var width = $(window).width();
|
|
window.onscroll = function(){
|
|
if ((width >= 1000)){
|
|
if(document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
|
|
$("#header").css("background","#fff");
|
|
$("#header").css("color","#000");
|
|
$("#header").css("box-shadow","0px 0px 20px rgba(0,0,0,0.09)");
|
|
$("#header").css("padding","4vh 4vw");
|
|
$("#navigation a").hover(function(){
|
|
$(this).css("border-bottom","2px solid rgb(255, 44, 90)");
|
|
},function(){
|
|
$(this).css("border-bottom","2px solid transparent");
|
|
});
|
|
}else{
|
|
$("#header").css("background","transparent");
|
|
$("#header").css("color","#fff");
|
|
$("#header").css("box-shadow","0px 0px 0px rgba(0,0,0,0)");
|
|
$("#header").css("padding","6vh 4vw");
|
|
$("#navigation a").hover(function(){
|
|
$(this).css("border-bottom","2px solid #fff");
|
|
},function(){
|
|
$(this).css("border-bottom","2px solid transparent");
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function magnify(imglink){
|
|
$("#img_here").css("background",`url('${imglink}') center center`);
|
|
$("#magnify").css("display","flex");
|
|
$("#magnify").addClass("animated fadeIn");
|
|
setTimeout(function(){
|
|
$("#magnify").removeClass("animated fadeIn");
|
|
},800);
|
|
}
|
|
|
|
function closemagnify(){
|
|
$("#magnify").addClass("animated fadeOut");
|
|
setTimeout(function(){
|
|
$("#magnify").css("display","none");
|
|
$("#magnify").removeClass("animated fadeOut");
|
|
$("#img_here").css("background",`url('') center center`);
|
|
},800);
|
|
}
|
|
|
|
setTimeout(function(){
|
|
$("#loading").addClass("animated fadeOut");
|
|
setTimeout(function(){
|
|
$("#loading").removeClass("animated fadeOut");
|
|
$("#loading").css("display","none");
|
|
},800);
|
|
},1650);
|
|
|
|
$(document).ready(function(){
|
|
$("a").on('click', function(event) {
|
|
if (this.hash !== "") {
|
|
event.preventDefault();
|
|
var hash = this.hash;
|
|
$('body,html').animate({
|
|
scrollTop: $(hash).offset().top
|
|
}, 1800, function(){
|
|
window.location.hash = hash;
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|