На главную Форум Вход Регистрация
Эффект плавной подсветки кнопки - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Эффект плавной подсветки кнопки
Эффект плавной подсветки кнопки
Support@NC
Дата: Пятница, 03.06.2011, 15:46 | Сообщение # 1
NN-CS.3DN.Ru Агент
Администратор
Сообщений: 0
Репутация: 54
Награды: 8


Воспользуемся вариантом, который никогда не подведет. Эффект плавной подсветки кнопки делается очень просто, если воспользоваться изображением. Используя графику, можно сделать и затухание, и затемнение, и перемещение, и поворот, и много чего еще. Не будем все усложнять, делая две кнопки, одна из которых будет появляться при наведении. Сделаем проще. Одно изображение мы возьмем за фон блока, а другое изображение вставим, как обыкновенный рисунок. У нас получается блок с заглушкой. Сразу делаем нашу картинку прозрачной. С помощью плагина JQuery сделаем скрипт, который меняет прозрачность картинки. Вот и все, дузья.

Code
<div style="width:180px;height:180px;margin:0;padding:0;background:url('http://webo4ka.ru/Ucoz3/effekt_podsvetki_kartinok03459043.png')">  
    <a href="#"><img border="0" src="http://webo4ka.ru/Ucoz3/effekt_podsvetki_kartinok47834537.png" id="nav_t" onmouseover="tnav()" onmouseout="tout()"></a>  
    <script>  
    function tout() {$('#nav_t').fadeTo(100, 0.1)}  
    function tnav() {$('#nav_t').fadeTo(100, 1)}  
  tout()  
    </script>  
  </div>


Служба поддержки NN-CS.3DN.Ru Агент
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Эффект плавной подсветки кнопки
Страница 1 из 11
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх