jQuery不透明动画

我正在建立一个网站，它允许用户更改视图选项。 我使用jQuery来平滑动画以更改字体。 它将整个页面淡出并重新使用新字体。

淡出动画很好，但当它淡入时，就没有褪色。 它只是弹出，没有动画。

有问题的jQuery位于http://xsznix.my3gb.com/options.php中 。

我到目前为止的代码是这样的：

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

为什么不使用jQuery的内置函数fadeIn和fadeOut ？

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

Answer 2

jQuery的.animate()取值从0到1 。

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

我确定.animate()必须在你传递的值上调用.parseFloat() （或其他东西），这会使你的0%变为0 （这是正确的），但你的100%变为100 ，这会不对。

Answer 3

你可以使用这样的函数：

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