颜色在jquery中过渡动画

Question

如何使用jQuery在颜色之间进行动画处理,即淡出一种颜色并淡入另一种颜色.

我知道这可以用CSS3关键帧完成,但是在w3schools提到的Internet Explorer中不起作用.我想要一个可以在所有浏览器中使用的标准方法.

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

Answer 1

你可以试试这个:现场演示

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);
});

它不会那么好,但有效.现场演示