Главная » Файлы » Прочие скрипты » jQuery |
Плавная смена цвета фона для блоков с любым контентом при наведении курсора на jQuery UI
23.06.14, 11:57:05 | |
Данный плагин позволяет плавно менять цвет фона в блоках при наведении курсора мышки Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <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 - первоначальный цвет фона Контент, под которым необходимо плавно менять цвет фона, вставляйте: Код <div class="boxes"> Здесь любой ваш контент, под которым необходимо менять цвет фона при наведении </div> Осталось лишь залить скрипт из прикреплённого архива в папку js Материал подготовлен Apocalypse | |
Просмотров: 415 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |