颜色过渡JavaScript

Question

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

http://fuelbrandinc.com/#/about

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

谢谢，

Answer 1

他们正在使用 jQuery JavaScript库和 jQuery Color animations plugin 。

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

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);