jquery - jquery中的颜色转换动画

Question

如何使用 jQuery 在颜色之间设置动画，即淡出一种颜色并淡入另一种颜色。

我知道这可以通过 CSS3 关键帧来完成，但正如 w3schools 所提到的，这在 Internet Explorer 中不起作用。我想要一种适用于所有浏览器的标准方法。

在 stackoverflow 中搜索时，它提到需要一个 jQuery 颜色插件。有谁知道任何更简单的方法吗？

Answer 1

你可以试试这个:Live Demo

CSS

#content {
    width: 100%; 
    background: #eff6f4;
    transition: background 4s linear;
    -webkit-transition: background 4s linear;
    -moz-transition: background 4s linear;
}

JQuery

$('#content').css('background', '#C89CBD');

这将在 4 秒内更改背景颜色。

更新

如果你需要IE，那么你可以有这样的东西:

$('#content').fadeOut(500, function(){
    $(this).css('background', bg).fadeIn(2000);
});

它不会那么好，但有效。 Live Demo