Цветовой переход JavaScript - PullRequest
       7

Цветовой переход JavaScript

0 голосов
/ 09 августа 2010

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

http://fuelbrandinc.com/#/about

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

Спасибо

Ответы [ 2 ]

1 голос
/ 09 августа 2010

Когда вы описали эффект, я представлял что-то ужасное, но на самом деле все выглядело не так уж плохо.

Вы можете использовать setInterval или setTimeout, чтобы код выполнялся на определенныхинтервалы.Пример:

var cnt = 0;
var handle = window.setInterval(function(){
  $('body').css('backgroundColor', '#'+'0123456789ABCDEF'[cnt++]+'00');
  if (cnt == 16) window.clearInterval(handle);
}, 100);
1 голос
/ 09 августа 2010

Они используют jQuery библиотеку JavaScript и плагин jQuery Color .

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

...