Главная » Файлы » Прочие скрипты » 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
Категория: jQuery | Добавил: Apocalypse | Теги: блоков, любым, Плавная, при, цвета, смена, наведении, контентом, фона, для
Просмотров: 285 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: