Boa galera! 
Estou aqui para passar um script que eu fiz para imitar o estilo das caixa animadas do google web store, depois de algumas procuras na NET sobre este assunto nada achei, pois então comecei do zero, parecia algo simples e besta, mas para reagir com fidelidade tive que pensar um pouco, não fiz um tutorial passo a passo, por que com pouca noção que a rapazeada tem aqui já mata, mas qualquer duvida só perguntar, respondo assim que der.
[URL=http://imageshack.us/photo/my-images/839/88780243.jpg/]
[/URL]
$(document).ready(function() {
var timer; // define a variavel contador
$("body").on("mouseenter", ".a2", function(){
var Id = this.id; // Metodo para resgatar id da seleção atual
timer = setTimeout(function () { // Aqui iniciamos o timer
document.getElementById(Id).className = "fake"; // Alteramos a classe, para não subir todos os slides
$(".fake").animate({top:'-300px'},350); // movemos a classe fake para cima
document.getElementById(Id).className = "a2"; // alteramos a classe fake para a2 novamente, para enteder melhor apague e veja o que acontece
}, 400); // definimos o tempo para executar a mouseenter
}).on("mouseleave", ".a2", function(){ // Caso em 4s o cliente não manter o mouse dentro da classe .a2 executa mouseleave
$(".a2").animate({top:'0px'},100); // animamos para 0px ou posição inicial
clearTimeout(timer); // limpamos o timer para acao mouseenter nao ser executada
});
}); Download do exemplo
4shared - http://www.4shared.com/rar/u4ufIj9M/Janelinha.html?
Qualquer duvida só grita!