Team:University College London/js/frontslide
From 2012.igem.org
(Difference between revisions)
Line 15: | Line 15: | ||
$('#label2').hover(function(){pinHop(2);}); | $('#label2').hover(function(){pinHop(2);}); | ||
$('#pin2').hover(function(){pinHop(2);}); | $('#pin2').hover(function(){pinHop(2);}); | ||
+ | |||
+ | $('#label3').hover(function(){pinHop(3);}); | ||
+ | $('#pin3').hover(function(){pinHop(3);}); | ||
}); | }); |
Revision as of 11:21, 1 August 2012
$(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);});
});