在jquery中创建循环背景动画

我想要的是：

当页面加载时 - 背景颜色为红色 10 秒后，bgColor 变为绿色，并带有淡入淡出动画...... 再过 10 秒后，它会变成橙色……然后又变成红色，依此类推……

有人可以帮忙吗

Use 设置间隔 http://www.w3schools.com/js/js_timing.asp使用更改背景的回调：

$("document").ready(function() {
    var colours = [ "blue", "orange", "pink" ];
    var counter = 0;
    function cycleBackground() {
        $("body").animate({ backgroundColor: colours[counter] }, 500 );
        counter++;
        if(counter == colours.length) {
            counter = 0;
        }
    }
    setInterval(cycleBackground, 10000);
});

您将需要使用 jQuery UIanimate http://jqueryui.com/demos/animate/如果您想在颜色之间平滑地循环，请使用此功能。