Как правильно реализовать плавную подсветку на jQuery?
Через CSS-свойство transition: jsfiddle.net/6Lxz9cb5/1
1. Создай в стилях класс .slow{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-o-transition: all 1s ease;transition: all 1s ease;}
.slow:hover{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-o-transition: all 1s ease;transition: all 1s ease;}
2. Задавай этот класс всему, что должно плавно анимироваться, например:<div class="highlighted slow"></div>
3. Задай анимацию. Хоть jquery, хоть css. Например css при наведении:.highlighted:hover{background:red;}
Анимация в любом случае будет длиться 1 секунду, с эффектом ease.
Реализация и с hover и с jquery, и с разными скоростями — molotov.pro