jQuery animate colors插件只在点击时才有效？

Question

尝试在页面加载时为背景颜色设置动画，但它仅在我实际单击该元素时才有效。我正在使用颜色插件。

$(window).load(function ()  {  
$(".hilite").toggle(function() {
    $(this).animate({ backgroundColor: "yellow" }, 1000);
},function() {
    $(this).animate({ backgroundColor: "#FFF2A8" }, 500);
});
})

<span class="hilite">THIS should change background COLOR</span>

Answer 1

您正在使用我可以看到的否插件。

toggle()适用于点击。

Answer 2

据我了解，您正在尝试这样做：

$(document).ready(function(){ 
    $('.hilite').css({'background-color', 'yellow'});
    $('.hilite').animate({ 'background-color' : "#FFF2A8" }, 1000);
});

或者这个：

$(document).ready(function(){ 
    $('body').animate({ 'background-color': "#FFF2A8" }, 1000);
});