Team:University College London/js/frontslide

From 2012.igem.org

Revision as of 11:51, 1 August 2012 by PhilippBoeing (Talk | contribs)

$(document).ready(function(){

     function pinHop(pin){
              if($('#pin'+pin).hasClass('animating') == false){
                  $('#pin'+pin).addClass('animating').animate({top:'-=15px'},200,function(){$('#pin'+pin).animate({top:'+=15px'},200,function(){$('#pin'+pin).removeClass('animating');});});
                  }
            if($('#pin'+pin+'shadow').hasClass('animating') == false){
                  $('#pin'+pin+'shadow').addClass('animating').animate({left:'+=12px',top:'-=12px'},200,function(){$('#pin'+pin+'shadow').animate({left:'-=12px',top:'+=12px'},200,function(){$('#pin'+pin+'shadow').removeClass('animating');});});
                  }
             }
     $('#label1').hover(function(){pinHop(1);});
     $('#pin1').hover(function(){pinHop(1);});
     $('#label2').hover(function(){pinHop(2);});
     $('#pin2').hover(function(){pinHop(2);});
     $('#label3').hover(function(){pinHop(3);});
     $('#pin3').hover(function(){pinHop(3);});
     $('#label4').hover(function(){pinHop(4);});
     $('#pin4').hover(function(){pinHop(4);});
     $('#label5').hover(function(){pinHop(5);});
     $('#pin5').hover(function(){pinHop(5);});
      });