javascript - 色遷移 JavaScript

Question

背景に非常に優れた色の変化効果があるように見えるサイトに気付きました。リンクが押されると背景の色が変わりますが、すぐには見えません。移行が行われるようです..

http://fuelbrandinc.com/#/about

誰かがこの機能を複製する方法を知っているかどうか疑問に思っていましたか?

ありがとう、

Answer 1

効果というと恐ろしいものをイメージしていましたが、実際はそれほど悪くはありませんでした。

setIntervalまたはを使用してsetTimeout、特定の間隔でコードを実行できます。例：

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

Answer 2

jQuery JavaScript ライブラリとjQuery Color アニメーション プラグインを使用しています。

compiled.jsこれは、お気に入りの DOM 検査ツールを使用して、ソース行 202 以降のファイルを検査することで確認できます。