Консультация № 63600
21.11.2006, 20:27
0.00 руб.
0 2 2
Приветы. Такой вопрос. Подскажите код HTML для того, чтобы при наведении курсора мышки надпись или ссылка меняла на выбранный цвет.

Обсуждение

Неизвестный
21.11.2006, 22:18
общий
это ответ
Здравствуйте, CJ!

Вставьте приведенный в приложении код стиля для ссылок между тегами HEAD, и настройте в нем нужные вам цвета под дизайн вашего сайта.

Успехов!


Приложение:
<STYLE type="text/css"><!-- A:link { color: #0000FF; text-decoration: none; } A:hover { color: #FF0000; text-decoration: underline; } A:visited { color: #FF00FF; text-decoration: none; } A:active { color: #00FF00; text-decoration: none; }--></STYLE>
Неизвестный
22.11.2006, 07:27
общий
это ответ
Здравствуйте, CJ!
Самый простой способ - это использовать событие ONMOUSEOVER.

<STYLE type="text/css">
h3 {color:red;}
i {color:green;}
</STYLE>

<P onmouseover="this.style.color=‘red‘ " onmouseout="this.style.color=‘blue‘ ">
Поместите указатель мыши над этим текстом и вы увидите изменение цвета текста при наступлении события <i onmouseover="this.style.color=‘brown‘" onmouseout="this.style.color=‘yellow‘">ONMOUSEOVER</i></p>

<p>Аналогично, при попадании указателя мыши на картинку происходит замена картинки на другое изображение. Для этого присвойте имя исходной картинке (напр. name="cat1") и прописываете необходимые данные </p>
<a href="http://winchanger.narod.ru/" onmouseover="document.cat1.src=‘../32.jpg‘;" onmouseout="document.cat1.src=‘../18.jpg‘;"><img src="../18.jpg" name="cat1"></a>

P.S. Для работы с картинками, пропишите путь к своим.
Форма ответа