动态背景颜色

Question

我想知道是否有人可以了解这种效果是如何实现的？

此网站显示不断变化的背景颜色。 http://bdw.colorado.edu/#/index.php

我想在我的网站上使用相同的“不断变化的”背景颜色效果。

以下是我的示例网站的链接： http://continuous.be/

（我找到了CSS但不确定它是如何相关的？）

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

Answer 1

单独使用CSS无法做到这一点。正如弗拉迪斯拉夫所说，有spectrum()函数可以使用javascript和jQuery完成工作。基本上是：

• 存储一系列颜色。
• 使用Math.Random随机选择 其中一种存储的颜色。
• 使用jQuery.animate()为所需元素的backgroundColor属性设置动画。
• 完成动画后，使用jQuery.delay()在XX秒时间内调用上述功能。

<强>更新

我看过你提出的测试。您错过了脚本文件末尾的结束});。此外，您只定义了功能谱，您不需要调用它。在文件末尾添加spectrum(false);，就在您刚刚添加的});内。

尝试使用Firebug for firefox，这直接指出了丢失的});。

Answer 2

这是使用JavaScript完成的 - 该脚本为CSS设置了动画。查看http://bdw.colorado.edu/js/main.js function spectrum(bool)

Answer 3

这个想法很简单。他们将js script加载到他们的页面。并且（从第373行）您将找到必要的代码（以及硬编码的背景颜色。