jquery - jquery .animate 不透明度和背景颜色同时在同一个元素上

Question

我正在尝试同时为元素的不透明度和背景颜色设置动画。我正在使用下面的代码，但目前只有不透明度动画。

$("div.offer").mouseover(function() {
var myClass = $(this).attr("class");

$(this).stop().animate({width:'259px'}, {queue:false, duration:600, easing:'easeOutQuint'});

if (myClass == "offer windows") {
    $(".offer.windows .offerBackground").stop().animate({opacity:'1'}, {queue:false, duration:600, easing:'easeOutQuint'});
    $(".offer.windows .offerBackground").stop().animate({backgroundColor:'#B0C1C8'}, {queue:false, duration:600, easing:'linear'});
}
});

是否可以同时为两者制作动画？

Answer 1

对于动画颜色，您需要使用jQuery UI。jQuery 核心本身不会为与颜色相关的属性设置动画。