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);}); });