jQuery opacité animation

Question

Je crée un site Web, et il permet aux utilisateurs de changer les options d'affichage. J'utilise jQuery pour lisser les animations pour le changement de police. Il fade toute la page et revient avec les nouvelles polices. L'animation de fondu est bonne, mais quand elle s'estompe de nouveau, il n'y a pas de fondu. Ça surgit, pas d'animation. Le problème jQuery est en http://xsznix.my3gb.com/options.php.

Le code que j'ai à ce jour est le suivant:

$('#font-classic').click(function(){ 
    $(document.body).animate({opacity: '0%'},{duration: 1000, complete: function(){ 
     // font changing code here 
     $(document.body).animate({opacity: '100%'}, 1000); 
    }}); 
}); 

Answer 1

Pourquoi ne pas utiliser jQuery « s fonctions intégrées fadeIn et fadeOut?

$('#font-classic').click(function(){ 
    $('body').fadeOut('normal', function(){ 
     $('body').fadeIn(); 
    }}); 
}); 

Answer 2

jQuery prend des valeurs de .animate()0-1.

$(document.body).animate({opacity: 0}, 1000); 
$(document.body).animate({opacity: 1}, 1000); 

Je suis sûr que .animate() doit appeler .parseFloat() (ou quelque chose) sur les valeurs que vous êtes de passage, ce qui rendrait votre 0% dans 0 (ce qui est correct), mais votre 100% dans 100, qui serait Incorrect.

Answer 3

Vous pouvez utiliser les fonctions ou quelque chose comme ceci:

$(document.body).animate({ opacity: 1/2 }, 1000);