Animacion on hover con jQuery y CSS

[alberto510a]

Buenas amigo,

Primero que nada debes tener claro que JavaScript y Java son 2 cosas totalmente diferente es algo que se suele confundir a menudo en la gente que recién comienza, después decirte que con jQuery el método animate() en concreto no puede conseguir animaciones de color por sí solo para ello debe hacer uso de un plugin. Aquí te prepare un ejemplo usando el plugin:

Código Javascript:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors-min.js"></script>
<script>
$(document).ready(function(){
    $('#a').click(function(){
        $('body').animate({'background-color':'#143130'},5000);
    });
});
</script>
 

Código HTML:

<button id="a">click</button>
 

Saludos!