Team:SYSU-China/Team/Member style.js
From 2013.igem.org
$(document).ready(function(){
$("div.flash_button").mouseenter(function(){ $("div.inner_frame").stop(); $("div.flash_button").stop(); var id = $(this).parent().css("id"); alert(id); $("#"+id).children("div.inner_frame").animate({width: 450},300,function(){ $(this).css({"background":"url() no-repeat 80% 20%"}); $(this).animate({left:'+=3px'},10); $(this).animate({left:'-=3px'},10); $(this).animate({top:'+=3px'},10); $(this).animate({top:'-=3px'},10); }); }); $("div.flash_button").mouseout(function(){ $("div.inner_frame").stop(); $("div.flash_button").stop(); var id = $(this).parent().css("id"); $(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"}); $("#"+id).children("div.inner_frame").animate({width: 0},300); }); }); });