simple jquery fondu dans bg question

Question

Im essayant d'avoir mon fond fondu onclick avec jquery et im incertain sur la façon de le faire. Voici mon code:

$(".work").click(function(){ 
    $("body").removeClass('bg2 , bg3').addClass("bg1"); 
}); 

$(".about").click(function(){ 
    $("body").removeClass("bg1 , bg3").addClass("bg2"); 
}); 

$(".contact").click(function(){ 
    $("body").removeClass("bg1 , bg2").addClass("bg3"); 
}); 

merci: D

Answer 1

Si vous utilisez déjà le jQuery UI plug-in, ils permettent l'animation de la couleur. Vous pouvez le faire comme ceci:

$("body").animate({"background-color": "red"}, 1000); 

Et vous pouvez animer à la couleur que vous voulez. Pour donner un effet "fondu", il suffit de l'animer en blanc et ensuite de revenir dans la couleur. Si vous n'utilisez pas l'interface utilisateur de jQuery, cela peut ajouter trop de surcharge à votre site. Vous pouvez donc consulter le jquery.color plugin. Seulement 4kb en taille.

Voici un exemple de l'évanouissement en utilisant jQuery UI: http://jsfiddle.net/9VhpM/

Mise à jour

Je ne savais pas que vous cherchez à effacer l'image d'arrière-plan. Vous pouvez trouver ceci utile: Image Loading | jQuery for Designers