動態背景顏色

我想知道是否有人可以闡明這種效果如何實現？動態背景顏色

此網站顯示不斷變化的背景顏色。 http://bdw.colorado.edu/#/index.php

我想在我的網站上使用相同的「不斷變化的」背景色效果。

這裏是鏈接到我的示例站點： http://continuous.be/

/* == Dynamic Colors == 
     .dynamicbgcolor { 
     background-color: rgb(0,149,191); } 
     .dynamiccolor { 
     color: rgb(0,149,191); } 
    */

來源

2011-04-11 MDB

感謝球員，我現在有一個修補程序，看看它是如何去... – MDB 2011-04-11 10:32:29

看着你已經鏈接到的測試頁 - 文件「/js/main.js」無法找到，我猜你的功能在這個文件中？ – Fermin 2011-04-11 13:30:13

好的，我鏈接到/ js /而不是/ TEST/js/...現在所有的文件都在那裏，但是我在谷歌瀏覽器中收到了這個麻煩的警告「資源解釋爲腳本，但是以MIME類型text/html傳輸「。 - 和顏色BG不工作呢... – MDB 2011-04-11 22:34:59

你將無法單獨使用CSS來做到這一點，因爲Vladislav說有一個spectrum()函數使用javascript和jQuery基本上：。

商店的顏色數組
使用的Math.random隨機選擇所存儲的顏色的一個
使用jQuery.animate()動畫所需的元素的backgroundColor屬性
完成動畫後，使用jQuery.delay()在XX秒的時間內調用上述功能。

更新

我有一個看你把測試。您錯過了腳本文件末尾的});。此外，您只定義了功能頻譜，您不會稱之爲功能頻譜。在您的文件末尾添加spectrum(false);，就在您剛剛添加的});之內。

嘗試使用Firebug for firefox，這指出缺少});馬上。

來源

2011-04-11 08:16:29 Fermin

所以我想我已經得到了大部分所需的代碼 - 但出現了問題......任何人都可以看到發生了什麼？ – MDB 2011-04-11 11:53:57

是的！謝謝Fermin！ - 它現在正在工作！您是否知道Chrome是否有良好的調試附加功能？我將不得不重新下載Firefox，然後我切換到Chrome。 – MDB 2011-04-12 09:10:12

我認爲Chrome自帶了內置的開發者工具，但我沒有使用它們。我更喜歡Firebug！ – Fermin 2011-04-12 11:04:41

這是使用JavaScript完成 - 腳本動畫（我已經找到了CSS，但不知道它如何與？） CSS。查看http://bdw.colorado.edu/js/main.js for function spectrum(bool)

來源

2011-04-11 08:08:09

這個想法很簡單。他們加載js script到他們的頁面。在那裏（從第373行），你會發現必要的代碼（連同硬編碼的背景顏色）

來源

2011-04-11 08:13:59 kpower

動態背景顏色

回答

相關問題