дек
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;
});
});