2011-07-13 9 views
0

Possible en double:
jQuery animate backgroundColorjquery: simple, question Animer

http://johanberntsson.se/dev/fysiosteo/

Si vous passez le menu, je voudrais que le menu principal pour faire disparaître son backbgroundcolor à # fff plus d'1 seconde. Mais je ne peux pas le faire fonctionner. Mon code:

$('#menu-main-menu').children('li').mouseout(function() { 
      $(this).css('background', '#AFFFAF').animate({ 'background' : '#fff' }, 1000); 
     }); 

Je n'utilise jamais animate(), donc j'ai probablement manqué quelque chose d'évident. Merci.

+2

+1 pour double, vous devez également utiliser 'background-color' au lieu de 'background'. Le plugin de couleur est également inclus dans l'interface utilisateur jQuery, donc si vous l'utilisez, vous n'avez besoin de rien d'autre, hormis le correctif ci-dessus. – DarthJDG

+0

Ne ressemble plus à la page de ce plugin. Quelqu'un peut-il trouver un lien plus récent? –

+0

Inclus jquery UI, mais je ne vois toujours pas une animation. Pouvez-vous vérifier la source à se si j'ai raté quelque chose? – Johan

Répondre

0

placer peut-être une fonction dans votre balise Animer si ...

$(this).css('background', '#AFFFAF').animate(function() {$(this).css('background', '#FFF')}, 1000); 
0

Essayez cet extrait:

$("#menu-main-menu").children('li').mouseout(function() { 
    $(this).animate({ backgroundColor: "#fff" }, 1000); 
});