jQuery不透明动画

Question

我正在建立一个网站,它允许用户更改视图选项.我使用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,这是不正确的.

Answer 2

你可以使用这样的函数:

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

Answer 3

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

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