动态背景颜色

我想知道是否有人可以阐明这种效果如何实现？动态背景颜色

此网站显示不断变化的背景颜色。 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

动态背景颜色

回答

相关问题