jQuery不透明动画

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (61)

我正在制作一个网站,它允许用户更改视图选项。我使用jQuery来平滑字体更改的动画。它会使整个页面消失,然后再用新字体返回。

淡出动画是好的,但当它消退,没有褪色。只是弹出来,没有动画。

到目前为止,我掌握的代码是:

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

为什么不使用jQuery内建函数fadeInfadeOut?

$('#font-classic').click(function(){
    $('body').fadeOut('normal', function(){
        $('body').fadeIn();
    }});
});
用户回答回答于

jQuery的.animate()从取值01

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

我确信.animate()必须调用.parseFloat()你正在传递的值,这会使你0%进入0(这是正确的),但是100%进入100,这是不正确的。

扫码关注云+社区

领取腾讯云代金券