Меняем 1 картинку на 2-рую при наведении - CSS
Стиль помогает решить проблемму с кнопками, скачать, menu! Дают хороший эффект смены одной картинки на другую, при наведении курсора мыши на неё.
Установка:
Ставим в CSS:
Это по месту отображения картинки:
Установка:
Ставим в CSS:
Код
a.rollover {
background: url(http://ссылка на изображение 1); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 245px; /* Ширина рисунка */
height: 63px; /* Высота рисунка */
}
a.rollover:hover {
background: url(http://ссылка на изображение 2); /* Путь к файлу с заменяемым рисунком */
}
background: url(http://ссылка на изображение 1); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 245px; /* Ширина рисунка */
height: 63px; /* Высота рисунка */
}
a.rollover:hover {
background: url(http://ссылка на изображение 2); /* Путь к файлу с заменяемым рисунком */
}
Это по месту отображения картинки:
Код
<p><a href="sonnier.3dn.ru" class="rollover"> </a></p>
0| Всего комментариев: 0 | |
 | Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |