Files
old-website/ui/js/basicanimations.js
2023-01-06 15:42:44 +01:00

36 lines
1.5 KiB
JavaScript
Executable File

$(document).ready(function() {
$('#ContentToInclude').load('/menu.html');
$('#Footer').load('/footer.html');
$('.linkbutton').mouseenter(function() {
$(this).stop()
$(this).animate({'border-radius': '0px', 'background-color': 'darkblue'}, 200)
})
$('.linkbutton').mouseleave(function() {
$(this).stop()
$(this).animate({'border-radius': '20px', 'background-color': 'rgba(0,0,0,0)'}, 200)
})
$('.textlink').mouseenter(function() {
$(this).stop()
$(this).animate({'color': 'darkblue', 'font-size': '120%'}, 200)
})
$('.textlink').mouseleave(function() {
$(this).stop()
$(this).animate({'color': 'black', 'font-size': '100%'}, 200)
})
setTimeout(highlightLocation, 200)
});
function highlightLocation () {
let pagename = $(location).attr('pathname')
if ( pagename.slice(0, 8) == '/project' ) {
$('#projects').css('background-color', 'darkblue');
} else if ( pagename.slice(0, 6) == '/about' || pagename.slice(0, 14) == '/privacypolicy' ) {
$('#about').css('background-color', 'darkblue');
} else if ( pagename.slice(0, 6) == '/' || pagename == '/index.html' ) {
$('#home').css('background-color', 'darkblue');
} else if ( pagename.slice(0, 6) == '/support' ) {
$('#support').css('background-color', 'darkblue');
} else if ( pagename.slice(0, 6) == '/services' ) {
$('#services').css('background-color', 'darkblue');
};
}