KevinVergara (Talk | contribs) |
KevinVergara (Talk | contribs) |
||
Line 13: | Line 13: | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> | ||
+ | |||
+ | |||
+ | <script> | ||
+ | |||
+ | $(window).scroll(function(){ | ||
+ | |||
+ | var scroll = $(window).scrollTop(); | ||
+ | |||
+ | if (scroll > 0 ) { | ||
+ | |||
+ | if ($('nav').is(':hover') === false) { | ||
+ | $('nav').addClass('scrolled'); | ||
+ | $('nav a').css('padding', '28px 13px 0 13px'); | ||
+ | $('nav a').css('height', '29'); | ||
+ | $('#ucsf a').css('padding', '10px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '48'); | ||
+ | $('#iGEMLogoImg').css('margin', '9px 0 0 0'); | ||
+ | } | ||
+ | |||
+ | $( "nav" ).mouseenter(function() { | ||
+ | $('nav').removeClass('scrolled'); | ||
+ | $('nav a').css('height', '72'); | ||
+ | $('nav a').css('padding', '55px 13px 0 13px'); | ||
+ | $('#ucsf a').css('padding', '11px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '116'); | ||
+ | $('#iGEMLogoImg').css('margin', '40px 0 0 0'); | ||
+ | }); | ||
+ | |||
+ | $( "nav" ).mouseleave(function() { | ||
+ | $('nav').addClass('scrolled'); | ||
+ | $('nav a').css('padding', '28px 13px 0 13px'); | ||
+ | $('nav a').css('height', '29'); | ||
+ | $('#ucsf a').css('padding', '10px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '48'); | ||
+ | $('#iGEMLogoImg').css('margin', '9px 0 0 0'); | ||
+ | }); | ||
+ | |||
+ | $( "nav" ).mousehover(function() { | ||
+ | $('nav').removeClass('scrolled'); | ||
+ | $('nav a').css('height', '72'); | ||
+ | $('nav a').css('padding', '55px 13px 0 13px'); | ||
+ | $('#ucsf a').css('padding', '11px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '116'); | ||
+ | $('#iGEMLogoImg').css('margin', '40px 0 0 0'); | ||
+ | }); | ||
+ | |||
+ | } | ||
+ | |||
+ | if (scroll <= 0 ) { | ||
+ | $('nav').removeClass('scrolled'); | ||
+ | $('nav a').css('padding', '55px 13px 0 13px'); | ||
+ | $('nav a').css('height', '72'); | ||
+ | $('#ucsf a').css('padding', '11px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '116'); | ||
+ | $('#iGEMLogoImg').css('margin', '40px 0 0 0'); | ||
+ | |||
+ | $( "nav" ).mouseenter(function() { | ||
+ | $('nav').removeClass('scrolled'); | ||
+ | $('nav a').css('height', '72'); | ||
+ | $('nav a').css('padding', '55px 13px 0 13px'); | ||
+ | $('#ucsf a').css('padding', '11px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '116'); | ||
+ | $('#iGEMLogoImg').css('margin', '40px 0 0 0'); | ||
+ | }); | ||
+ | |||
+ | $( "nav" ).mouseleave(function() { | ||
+ | $('nav').removeClass('scrolled'); | ||
+ | $('nav a').css('padding', '55px 13px 0 13px'); | ||
+ | $('nav a').css('height', '72'); | ||
+ | $('#ucsf a').css('padding', '11px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '116'); | ||
+ | $('#iGEMLogoImg').css('margin', '40px 0 0 0'); | ||
+ | }); | ||
+ | |||
+ | $( "nav" ).mousehover(function() { | ||
+ | $('nav').removeClass('scrolled'); | ||
+ | $('nav a').css('height', '72'); | ||
+ | $('nav a').css('padding', '55px 13px 0 13px'); | ||
+ | $('#ucsf a').css('padding', '11px 0px 0 0px'); | ||
+ | $('#logo').attr('height', '116'); | ||
+ | $('#iGEMLogoImg').css('margin', '40px 0 0 0'); | ||
+ | }); | ||
+ | |||
+ | } | ||
+ | |||
+ | }); | ||
+ | <script> | ||
+ | |||
Revision as of 23:30, 19 October 2017