javascript - 颜色过渡 JavaScript

Question

我注意到一个网站似乎在背景上有非常好的颜色过渡效果。当一个链接被按下时，背景会改变颜色，但它似乎不是即时的。似乎发生了转变。。

http://fuelbrandinc.com/#/about

我想知道是否有人知道如何复制此功能？

谢谢，

Answer 1

他们使用jQuery JavaScript 库和jQuery Color 动画插件。

compiled.js您可以通过您最喜欢的 DOM 检查工具从源代码行 202 开始检查文件，从而看到这一点。

Answer 2

当你描述效果时，我在想象一些可怕的东西，但实际上看起来并没有那么糟糕。

您可以使用setInterval或setTimeout使代码以特定的时间间隔执行。例子：

var cnt = 0;
var handle = window.setInterval(function(){
  $('body').css('backgroundColor', '#'+'0123456789ABCDEF'[cnt++]+'00');
  if (cnt == 16) window.clearInterval(handle);
}, 100);