Jump to content
СофтФорум - всё о компьютерах и не только

При наведении на ссылку она меняет цвет


Artco
 Share

Recommended Posts

Искал на форуме но не нашел ответа -> может плохо искал.

Как задать цвет ссылки я разобрался, а вот как сделать, чтобы ссылка меняла цвет при наведении на нее и не подчеркивалась я что-то не пойму. Например -> мне необходимо чтобы на одной странице было несколько вариантов ссылок (одни серые, а при наведении оранжевые -> другие черные, а при наведении синие).

Подскажите, пожалуйста -> как это сделать?

Link to comment
Share on other sites

Вот..

Получите и распешитесь :D

Цвет текста <BODY TEXT="#$$$$$$">(порядок: красный/ зеленый/ синий)

Цвет ссылки <BODY LINK="#$$$$$$">

Пройденная ссылка <BODY VLINK="#$$$$$$">

Активная ссылка <BODY ALINK="#$$$$$$">

Если захочешь

чтобы на одной странице было несколько вариантов ссылок (одни серые, а при наведении оранжевые -> другие черные, а при наведении синие
тогда тебе соответственно прийдется прописывать в каждый тег ссылки отдельно... ;)

Есть еще вариант с CSS

ИМХО вот это не плохой помошник :D

Link to comment
Share on other sites

Вот пример более радикального изменения ссылок на JavaScript.

<a href="text.htm">

<div id="reftest" class="ref0"

onmouseover="java script:OverRef(reftest);"

onmouseout="java script:OutRef(reftest);">

Это текст ссылки

</div>

</a>

Есть ссылка в, в ней тэг <div></div> у которого есть id="reftest", по умолчанию - при загрузке страницы мы имеем класс (ссылка не активна) "ref0"

При наведении класс меняется на "ref1", при отводе курсора от ссылки класс снова меняется на "ref0".

Где-нибудь вверху, например в <head></head> вставляем сами функции JavaScript.

<script language="JavaScript">

function OverRef(obj){obj.className = "ref1"}

function OutRef(obj){obj.className = "ref0"}

</script>

Сами классы "ref0" и "ref1" могут естественно отличаться не только цветом но и размером и т.д.

[mergetime]1127616081[/mergetime]

Да еще у разных ссылок id должны быть различны :D . Лично я предпочитаю порядковую нумерацию - ref001, ref002 и т.д.

Link to comment
Share on other sites

По моему на CSS всё гораздо проще с помощью псевдоклассов:

Есть четыре псевдокласса используются для ссылок но пременимы для любых объектов:

:link - простая линка

:visited - посещённая ссылка

:active - на ней нажата и держится мышка

:hover - на неё наведена но отпущена мышка

теперь пишем в хтмл:

<a href=твой_путь class=link1> для линок первого типа

<a href=твой_путь class=link2> для линок второго типа

теперь пишем в css:

a.link1:link a.link1:visited {color: gray;}

a.link1:active a.link1:hover {color: #ff9900;}

a.link1:link a.link1:visited {color: black;}

a.link1:active a.link1:hover {color: blue;}

Link to comment
Share on other sites

так тоже можно не спорю, так даже правильнее и красивее, тока при помощи скриптов можно произвести изменения всего чего угодно, я не только данной ссылки

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...