jQuery animazione opacità

Question

Sto creando un sito Web e consente agli utenti di modificare le opzioni di visualizzazione. Io uso jQuery per smussare le animazioni per cambiare i caratteri. Sbiadisce l'intera pagina e torna di nuovo con i nuovi caratteri.

L'animazione di dissolvenza va bene, ma quando si riapre, non c'è nessuna dissolvenza. Si apre solo, senza animazione.

Il problema è jQuery in http://xsznix.my3gb.com/options.php.

Il codice che ho finora è questo:

$('#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

perché non utilizzare jQuery 's funzioni built-in e fadeInfadeOut?

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

Answer 2

jQuery di .animate() assume valori 0-1.

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

Sono sicuro che .animate() deve chiamare .parseFloat() (o qualcosa) sui valori che stai passando, il che renderebbe il vostro 0% in 0 (che è corretto), ma il vostro 100% in 100, che sarebbe errato.

Answer 3

È possibile utilizzare funzioni o qualcosa di simile:

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