Difference between revisions of "Template:Team:TU Darmstadt/Js"
MaikSchork (Talk | contribs) |
MaikSchork (Talk | contribs) |
||
| Line 12: | Line 12: | ||
} | } | ||
}); | }); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 136: | Line 109: | ||
$("#path4310-7").css("opacity", 1.0); | $("#path4310-7").css("opacity", 1.0); | ||
}); | }); | ||
| + | |||
| + | }); | ||
| + | |||
| + | // END MainMenu | ||
| + | // START ScrollBox | ||
| + | |||
| + | $(window).scroll(function(e) { | ||
| + | var $element = $('.scrollbox'); | ||
| + | var headerHeight = $('#head').outerHeight() - 30; | ||
| + | var isFixed = ($element.css('position') == 'fixed'); | ||
| + | |||
| + | if ($(this).scrollTop() > headerHeight) { | ||
| + | if(!isFixed) { | ||
| + | $element.addClass("scrolled"); | ||
| + | } | ||
| + | } | ||
| + | if ($(this).scrollTop() < headerHeight) { | ||
| + | if(isFixed) { | ||
| + | $element.removeClass("scrolled"); | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | function scrollToTop() { | ||
| + | $('body,html').animate({ | ||
| + | scrollTop: 0 | ||
| + | }, 400); | ||
| + | } | ||
| + | |||
// END ScrollBox | // END ScrollBox | ||
Revision as of 19:23, 19 October 2016
// START MainMenu
$(window).load(function() {
var distance = $('#title').outerHeight() + 5,
$window = $(window);
$window.scroll(function() {
if ( $window.scrollTop() >= distance ) {
$('.navbar').addClass('top-fixed');
} else if ( $window.scrollTop() <= distance && $('.navbar').hasClass('top-fixed') ) {
$('.navbar').removeClass('top-fixed');
}
});
$("#g4248-0").mouseenter(function() {
$("#path4287-7").css("opacity", 0.4);
$("#path5498").css("opacity", 0.4);
$("#rect4366").css("opacity", 0.4);
$("#rect4294").css("opacity", 0.4);
$("#path4296").css("opacity", 0.4);
$("#rect4300").css("opacity", 0.4);
$("#path4302").css("opacity", 0.4);
$("#rect4304").css("opacity", 0.4);
$("#path4308").css("opacity", 0.4);
$("#path4310").css("opacity", 0.4);
$("#path4314").css("opacity", 0.4);
$("#path4316").css("opacity", 0.4);
$("#rect4391").css("opacity", 0.4);
$("#rect4271").css("opacity", 0.4);
$("#path4273").css("opacity", 0.4);
$("#rect4250").css("opacity", 0.4);
$("#path4252").css("opacity", 0.4);
$("#rect4254").css("opacity", 0.4);
$("#path4236").css("opacity", 0.4);
$("#path4256").css("opacity", 0.4);
$("#rect4258").css("opacity", 0.4);
$("#path4266").css("opacity", 0.4);
$("#path4268").css("opacity", 0.4);
$("#rect4360").css("opacity", 0.4);
$("#path4362").css("opacity", 0.4);
$("#rect4334").css("opacity", 0.4);
$("#path4336").css("opacity", 0.4);
$("#rect4340").css("opacity", 0.4);
$("#path4342").css("opacity", 0.4);
$("#rect4344").css("opacity", 0.4);
$("#path4354").css("opacity", 0.4);
$("#path4356").css("opacity", 0.4);
$("#path4278").css("opacity", 0.4);
$("#path4280").css("opacity", 0.4);
$("#rect4271-6").css("opacity", 0.4);
$("#path4273-8").css("opacity", 0.4);
$("#rect4254-1").css("opacity", 0.4);
$("#path4236-8").css("opacity", 0.4);
$("#path4256-3").css("opacity", 0.4);
$("#path4266-8").css("opacity", 0.4);
$("#path4268-4").css("opacity", 0.4);
$("#rect4300-8").css("opacity", 0.4);
$("#path4302-2").css("opacity", 0.4);
$("#rect4304-1").css("opacity", 0.4);
$("#path4308-8").css("opacity", 0.4);
$("#path4310-7").css("opacity", 0.4);
}).mouseleave(function() {
$("#path4287-7").css("opacity", 1.0);
$("#path5498").css("opacity", 1.0);
$("#rect4366").css("opacity", 1.0);
$("#rect4294").css("opacity", 1.0);
$("#path4296").css("opacity", 1.0);
$("#rect4300").css("opacity", 1.0);
$("#path4302").css("opacity", 1.0);
$("#rect4304").css("opacity", 1.0);
$("#path4308").css("opacity", 1.0);
$("#path4310").css("opacity", 1.0);
$("#path4314").css("opacity", 1.0);
$("#path4316").css("opacity", 1.0);
$("#rect4391").css("opacity", 1.0);
$("#rect4271").css("opacity", 1.0);
$("#path4273").css("opacity", 1.0);
$("#rect4250").css("opacity", 1.0);
$("#path4252").css("opacity", 1.0);
$("#rect4254").css("opacity", 1.0);
$("#path4236").css("opacity", 1.0);
$("#path4256").css("opacity", 1.0);
$("#rect4258").css("opacity", 1.0);
$("#path4266").css("opacity", 1.0);
$("#path4268").css("opacity", 1.0);
$("#rect4360").css("opacity", 1.0);
$("#path4362").css("opacity", 1.0);
$("#rect4334").css("opacity", 1.0);
$("#path4336").css("opacity", 1.0);
$("#rect4340").css("opacity", 1.0);
$("#path4342").css("opacity", 1.0);
$("#rect4344").css("opacity", 1.0);
$("#path4354").css("opacity", 1.0);
$("#path4356").css("opacity", 1.0);
$("#path4278").css("opacity", 1.0);
$("#path4280").css("opacity", 1.0);
$("#rect4271-6").css("opacity", 1.0);
$("#path4273-8").css("opacity", 1.0);
$("#rect4254-1").css("opacity", 1.0);
$("#path4236-8").css("opacity", 1.0);
$("#path4256-3").css("opacity", 1.0);
$("#path4266-8").css("opacity", 1.0);
$("#path4268-4").css("opacity", 1.0);
$("#rect4300-8").css("opacity", 1.0);
$("#path4302-2").css("opacity", 1.0);
$("#rect4304-1").css("opacity", 1.0);
$("#path4308-8").css("opacity", 1.0);
$("#path4310-7").css("opacity", 1.0);
});
});
// END MainMenu // START ScrollBox
$(window).scroll(function(e) {
var $element = $('.scrollbox');
var headerHeight = $('#head').outerHeight() - 30;
var isFixed = ($element.css('position') == 'fixed');
if ($(this).scrollTop() > headerHeight) {
if(!isFixed) {
$element.addClass("scrolled");
}
}
if ($(this).scrollTop() < headerHeight) {
if(isFixed) {
$element.removeClass("scrolled");
}
}
});
function scrollToTop() {
$('body,html').animate({
scrollTop: 0
}, 400);
}
// END ScrollBox
