Эффект плавной подсветки кнопки - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.222.110.183

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Эффект плавной подсветки кнопки

Dndz	Сообщение оставлено 02.06.2011 в 20:37:18 \| Сообщение #1

3377

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

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>

Эффект плавной подсветки кнопки

Страница 1 из 1
1