創建jQuery的一個循環背景動畫

Question

我要的是：

在頁面加載時 - 背景有紅色 10秒後或博客變爲綠色後與淡出動畫... 淡入10秒鐘就變成橙色....然後再以紅色等..

有人能幫助

Answer 1

使用setinterval與更改背景回調：

$("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 UI的animate函數。