Difference between revisions of "Team:UChile OpenBio-CeBiB/Template/2"

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

Document