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

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


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

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

Установка:

После /head на страницах, где будет использован данный плагин, вставляйте:

Code

<script type="text/javascript" src="/js/jquery.color.js" ></script>

Следующий код вставляйте сразу после предыдущего:

Code

<script type="text/javascript">
jQuery(document).ready(function(){

jQuery(".text").mouseover(
function () {
jQuery(this).animate({
color:"#ff0000"
}, 500 );
});

jQuery(".text").mouseout(function() {
jQuery(this).animate({
color:"#000"
}, 500 );
});

});
</script>

Немного разберём настройки:

.text - класс, к которому будет применяться эффект
mouseover, mouseout - функция при наведении/отведении курсора (выполнение скрипта при этих условиях)
color - к какому элементу будет выполняться эффект (backgroundColor - цвет фона; color - цвет текста; outlineColor - цвет об водки; borderBottomColor, borderLeftColor, borderRightColor, borderTopColor - цвет пунктирной об водки [низ, лево, право, верх] )

#ff0000 - цвет текста при наведении курсора
#000 - цвет текста при отведении курсора
500 - скорость смены цвета

Текст, к которому будет применяться эффект, прописывается так:

Code

<span class="text">Меняем цвет текста при наведении мыши</span>

Осталось лишь залить скрипт из прикреплённого архива в папку js

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

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

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

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