Mootools背景變化

我希望mootools不斷改變背景顏色。我不知道如何做到這一點，但是我已經提出了以下代碼，但是它根本不起作用。我如何鏈接顏色，然後一次又一次地調用，所以我有這個「彩虹」背景？Mootools背景變化

function rainbow() { 
    $(document.body).highlight("#fff"); 
    rainbow(); 
}

來源

2009-12-23 ba.

你可以使用setInterval();和.getRandom();

setInterval(function(){ 
    var newColor = ["#FFF","#CCC","#999"].getRandom(); 
    $(document.body).highlight(newColor); 
}, 1000); // run every 1 second

來源

2009-12-23 06:36:45 Sampson

有沒有一種方法可以讓它通過一系列的顏色循環？ – 2009-12-23 06:46:36

ba，我已經提供了一個如何使用'.getRandom（）;'提取隨機顏色的例子。您可以對其進行修改以查找當前正在使用的顏色的索引，並使用下一個（或第一個，如果您位於數組的末尾）。 – Sampson 2009-12-23 06:49:11

謝謝，你真棒。 – 2009-12-23 06:50:53

您需要使用此鏈接。例如：

var color = "#fff"; 
function rainbow() { 
    $(document.body).highlight(color).get('tween').chain(rainbow); 
    color = (color == "#fff") ? "#000" : "#fff"; 
}; 
rainbow();

這是一個簡單的例子。但是你可以看到鏈接是如何工作的;當效果完成時調用一個函數。你每次選擇什麼顏色取決於你;在這裏，我只是從黑色到白色的循環。

來源

2009-12-23 18:32:18 Anutron

Mootools背景變化

回答

相關問題