esto funciona con el jquery,
a un div le nombras un "id" y desde este codigo javascript se anima
Cita:
$(document).ready(function() {
$("#id1").hover(function() {
$(this).stop().animate({ marginTop: "-10px" }, 200);
},function(){
$(this).stop().animate({ marginTop: "0px" }, 300);
});
$("#id2").hover(function() {
$(this).stop().animate({ marginTop: "-10px" }, 200);
},function(){
$(this).stop().animate({ marginTop: "32px" }, 300);
});
$("#id3").hover(function() {
$(this).stop().animate({ marginTop: "-10px" }, 200);
},function(){
$(this).stop().animate({ marginTop: "32px" }, 300);
});
});
en este ejemplo estoy animando 3 div diferentes. Este codigo lo puedes agregar en un .js aparte o bien como script antes del </head> del codigo html
Saludos