дек
27
2015

Изучаем jQuery. Цветовая анимация

Функции вычисления цветов в основной библиотеке jQuery нет... Если вы хотите анимировать цвета, то вам придется загрузить из Интернета подключаемый модуль Color Animations.

«Пользуясь случаем, хочу всем вам пожелать веселого Рождества и сплошного везения в новом году. Понятно, что всем сразу повезти не может. Кто-то из Вас на будущий год умрет, других ждут несчастные случаи, травмы и увечья, может, даже полный паралич. Кого-то настигнут неизлечимые болезни, кто-то страшно обгорит при пожаре. И не забудем про ограбления и изнасилования — их будет пропасть. Выходит, несмотря на мои пожелания, многим из вас не доведется прожить счастливый и удачный год. Постарайтесь все же прожить его как можно лучше.» © Джордж Карлин

index.html
... 
<script src="https://code.jquery.com/color/jquery.color-2.1.2.min.js"></script>
<script src="script.js"></script> 
...
<p class="color_animation">
 «Пользуясь случаем, хочу всем вам пожелать
 веселого Рождества...»
</p>
...
script.js
  $(function() {
    var state = true;
    $( ".color_animation" ).click(function() {
      if ( state ) {
        $(this).animate({
          'backgroundColor':'rgb(134, 0, 31)',
          'color':'#ffffff'
        }, 1000 );
      } else {
        $(this).animate({
          'backgroundColor':"rgb(228,245,252)",
          color: "#000"
        }, 1000 );
      }
      state = !state;
    });
  });