Team:SYSU-China/Team/Member style.js
From 2013.igem.org
$(document).ready(function(){
$("div.flash_button").mouseenter(function(){ $(this).parent().children("div.inner_frame").stop(); $(this).stop(); $(this).parent().children("div.inner_frame").animate({width: 480},200,function(){ $(this).parent().children("div.flash_button").css({"background":"url() no-repeat 90% 25%"}); $(this).parent().children("div.flash_button").animate({left:'+=3px'},10); $(this).parent().children("div.flash_button").animate({left:'-=3px'},10); $(this).parent().children("div.flash_button").animate({top:'+=3px'},10); $(this).parent().children("div.flash_button").animate({top:'-=3px'},10); }); }); $("div.flash_button").mouseout(function(){ $(this).parent().children("div.inner_frame").stop(); $(this).stop(); $(this).animate({left:'+=3px'},10); $(this).animate({left:'-=3px'},10); $(this).animate({top:'+=3px'},10); $(this).animate({top:'-=3px'},10,function(){ $(this).css({"background":"none"}); $(this).parent().children("div.inner_frame").animate({width: 0},200); }); }); });