Данный плагин позволяет плавно менять цвет фона в блоках при наведении курсора мышки
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".boxes").hover(function() {
$(this).stop().animate({ backgroundColor: "#a7bf51"}, 800);
},function() {
$(this).stop().animate({ backgroundColor: "#ffffff" }, 800);
});
});
</script>
Здесь у нас:
#a7bf51 - цвет фона при наведении курсора на контент
800 - скорость смены цвета фона
#ffffff - первоначальный цвет фона
Контент, под которым необходимо плавно менять цвет фона, вставляйте:
Code
<div class="boxes">
Здесь любой ваш контент, под которым необходимо менять цвет фона при наведении
</div>
Осталось лишь залить скрипт из прикреплённого архива в папку js
Ссылка на источник материала.
