javascript - jQuery 不透明动画

Question

我正在制作一个网站，它允许用户更改 View 选项。我使用 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 的 .animate() 获取从 0 到 1 的值。

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

我确信 .animate() 必须对您传递的值调用 .parseFloat() (或其他内容)，这将使您的 0% 变为 0(这是正确的)，但将 100% 变为 100，这是不正确的。