jquery .animate同一元素上的不透明度和背景颜色

时间:2012-09-13 16:24:14

标签: jquery jquery-animate opacity background-color

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

$("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'});
}
});

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

1 个答案:

答案 0 :(得分:0)

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