A continuación algunos ejemplos de uso:
$('#background')
.hover(function(){
$(this).animate({ backgroundColor: "#00aadd" }, 600);
});
$("#background2").hover(function() {
$(this).animate({ backgroundColor: "#00aadd",color:"green" }, 600);
},function() {
$(this).animate({ backgroundColor: "#303030",color:"#ffffff" }, 400);
})
$('#background3')
.hover(function(){
$(this).animate({ color: "#00aadd" }, 600);
},function() {
$(this).animate({ color: "#303030" }, 400);
});
Los ejemplos en funcionamiento:
pasa el raton por encima
pasa el raton por encima
pasa el raton por encima del texto
hola tengo una duda, si pasas muchas veces el mouse por el ultimo cuadro la animacion se sigue ejecutando, podrias darme un tip para evitar ese comportaniento.
ResponderEliminarPrueba con:
ResponderEliminar$(this).stop().animate();
Gracias, por la respuesta, era lo que buscaba :)
ResponderEliminar