Скрипты для uCoz CSS - спрайты. Кнопка меняется при наведении курсора
11.09.2011, 21:20
Как сделать, чтобы кнопка (ссылка) менялась при наведении на нее курсора мыши? Будем использовать CSS - спрайты для создания эффекта перехода (смещения) одного рисунка на другой в одном изображении.
Смена одной картинки на другую при наведении на нее курсора мыши называется эффектом перекатывания. Обычно для создания эффекта перекатывания применяется JavaScript, но во многих случаях вполне достаточно и CSS.
Сейчас я приведу только пример работы кнопки, а подробное описание Вы найдёте в скаченном архиве.
Как всегда на http://gsvg.ucoz.ru/ скрипт со всеми исходниками и полностью готов к употреблению.
В архие четыре набора кнопок: чёрные, синие, красные, зелёные (кому нужны другие пишите,- попробую помочь).
Такие же кнопки работают и на моём сайте. Вверху страницы - кнопка "Добавить материал"
ПРИМЕР:
Ну.., как то так. Скачать бесплатно Скрипты для uCoz CSS - спрайты. Кнопка меняется при наведении курсора:
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вамзарегистрироваться либо зайти на сайт под своим именем.
Загрузить, скачать Скрипты для uCoz, Скрипты для uCoz CSS - спрайты. Кнопка меняется при наведении курсора бесплатно.
Скачать Скрипты для uCoz CSS - спрайты. Кнопка меняется при наведении курсора бесплатно
Скрипты для uCoz CSS - спрайты. Кнопка меняется при наведении курсора бесплатно и без регистрации
Скрипты для uCoz CSS - спрайты. Кнопка меняется при наведении курсора download free
ДРУЗЬЯ, ЕСЛИ ВЫ ВСТРЕТИЛИ БИТУЮ ССЫЛКУ СООБЩИТЕ ПОЖАЛУЙСТА ОБ ЭТОМ В КОММЕНТАРИЯХ (СПАСИБО)