[Résolu] .animate sur backgroundColor jQuery

Bonjour à tous,

Voilà je voudrais changer le fond de mes "li" dans le menu, lors du passage de la souris et le tous progressivement, j'ai donc pensé à la fonction animate de jQuery mais ça ne marche pas et je comprends pas...

/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
$(document).ready( function(){

    //Changement de couleurs pour le menu

    listeNav = $('div.navigation ul li');

    listeNav.mouseover( function(){
        $(this).animate({
            backgroundColor: '#236C25'
        }, 'slow', 'linear');
        $(this).children('a').css({
            color: 'white'
        });
    });

    listeNav.mouseout( function(){
        $(this).animate({
            backgroundColor: 'white'
        }, 'slow', 'linear');
        $(this).children('a').css({
            color: '#236C25'
        });
    });

});

Les deux animate ne marche pas, en revanche les simples .css() marche pour la couleur des liens...
Modifié par tonymx15 (29 Jul 2011 - 23:36)

Bonsoir,

La fonction animate ne fonction que sur des valeurs numérique. Pour chaque valeur non numérique, il faut créé une fonction personnalisé. Heuresement que les plugin existe
color animations

En effet je n'avais pas vue ce plugin, merci.