jQuery是一種廣泛使用的JavaScript庫,可以簡化HTML文檔的操作。其中一項強大的功能是逐漸轉換背景色的效果。
$(document).ready(function(){ var colors = ["#F2E3BC", "#F5CDA7", "#F9B791", "#FDA17C", "#FF8B66", "#FF7551", "#FF5F3C", "#FF4927", "#FF3312", "#FF1D00"]; var i = 0; setInterval(function(){ $("body").animate({backgroundColor: colors[i]}, 1000); i++; if(i === colors.length){ i = 0; } }, 1000); });
上面的代碼定義了一個顏色數組和一個計數器i,并且使用setInterval函數每秒執行一次。在每次執行中,使用animate函數逐漸改變body元素的背景色,i遞增并在達到數組長度后重置為0。
通過這種方式,可以讓網頁的背景色循環變化,帶來更加豐富的視覺效果。