Artco Опубликовано 24 сентября, 2005 Жалоба Поделиться Опубликовано 24 сентября, 2005 Искал на форуме но не нашел ответа -> может плохо искал. Как задать цвет ссылки я разобрался, а вот как сделать, чтобы ссылка меняла цвет при наведении на нее и не подчеркивалась я что-то не пойму. Например -> мне необходимо чтобы на одной странице было несколько вариантов ссылок (одни серые, а при наведении оранжевые -> другие черные, а при наведении синие). Подскажите, пожалуйста -> как это сделать? Ссылка на комментарий Поделиться на другие сайты Поделиться
verba Опубликовано 25 сентября, 2005 Жалоба Поделиться Опубликовано 25 сентября, 2005 Вот.. Получите и распешитесь :D Цвет текста <BODY TEXT="#$$$$$$">(порядок: красный/ зеленый/ синий) Цвет ссылки <BODY LINK="#$$$$$$"> Пройденная ссылка <BODY VLINK="#$$$$$$"> Активная ссылка <BODY ALINK="#$$$$$$"> Если захочешь чтобы на одной странице было несколько вариантов ссылок (одни серые, а при наведении оранжевые -> другие черные, а при наведении синие тогда тебе соответственно прийдется прописывать в каждый тег ссылки отдельно... ;) Есть еще вариант с CSS ИМХО вот это не плохой помошник :D Ссылка на комментарий Поделиться на другие сайты Поделиться
Grimm Опубликовано 25 сентября, 2005 Жалоба Поделиться Опубликовано 25 сентября, 2005 Вот пример более радикального изменения ссылок на 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 и т.д. Ссылка на комментарий Поделиться на другие сайты Поделиться
Gray Angel Опубликовано 25 сентября, 2005 Жалоба Поделиться Опубликовано 25 сентября, 2005 По моему на 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;} Ссылка на комментарий Поделиться на другие сайты Поделиться
Grimm Опубликовано 25 сентября, 2005 Жалоба Поделиться Опубликовано 25 сентября, 2005 так тоже можно не спорю, так даже правильнее и красивее, тока при помощи скриптов можно произвести изменения всего чего угодно, я не только данной ссылки Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения