Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Эффект плавной подсветки кнопки by 3week
Воспользуемся вариантом, который никогда не подведет. Эффект плавной подсветки кнопки делается очень просто, если воспользоваться изображением. Используя графику, можно сделать и затухание, и затемнение, и перемещение, и поворот, и много чего еще. Не будем все усложнять, делая две кнопки, одна из которых будет появляться при наведении. Сделаем проще. Одно изображение мы возьмем за фон блока, а другое изображение вставим, как обыкновенный рисунок. У нас получается блок с заглушкой. Сразу делаем нашу картинку прозрачной. С помощью плагина JQuery сделаем скрипт, который меняет прозрачность картинки. Вот и все, дузья.
Code
<div style="width:180px;height:180px;margin:0;padding:0;background:url('http://3week.clan.su/FILE-IMAGE/effekt_podsvetki_kartinok03459043.png')">
<a href="#"><img border="0" src="http://3week.clan.su/FILE-IMAGE/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>
<a href="#"><img border="0" src="http://3week.clan.su/FILE-IMAGE/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>
| Всего комментариев: 0 | |