Цветовая переход JavaScript

Question

Я заметил сайт, который, кажется, имеет очень хороший эффект цвета перехода на фоновом режиме. Когда ссылка нажата на фоновом изменении цвета, однако это не кажется мгновенным. Переход, кажется, происходит ..

http://fuelbrandinc.com/#/about.

Мне было интересно, если бы у кого-нибудь есть идеи, как повторить эту функциональность?

Спасибо,

Answer 1

Они используют jquery Библиотека JavaScript и jquery цвет анимации плагин.

Вы можете увидеть это, осматривая compiled.js Файл из исходной линии 202 на панель через ваш любимый инструмент для проверки DOM.

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