05:39
ОбновитьСмайлыУправление мини-чатом
Вы вошли как Гость | Группа "Гости" | RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Плавная смена цвета фона для блоков с любым контентом (Плавная смена цвета фона)
Плавная смена цвета фона для блоков с любым контентом
AmazonkaДата: Суббота, 19.02.2011, 18:46 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 37
[ ]
Offline

Данный плагин позволяет плавно менять цвет фона в блоках при наведении курсора мышки

Для начала посмотрите ДЕМО

Установка:

После /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

Ссылка на источник материала.

Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Плавная смена цвета фона для блоков с любым контентом (Плавная смена цвета фона)
Страница 1 из 11
Поиск:

Сделать бесплатный сайт с uCoz

www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Загрузка...