На этом сайте: http://www.winteradagency.com/mrw/real_estate.php навигация использует JavaScript, который выделяет выбранные элементы при наведении на них курсора мыши.Есть ли простой способ изменить код, чтобы страница, на которой находится пользователь, оставалась выделенной?Это помогает им увидеть, на какой странице они находятся, и обеспечивает лучшую навигацию.
спасибо
Да, для этого вам понадобится «крючок». Вы можете либо изучить URL с помощью JavaScript, либо использовать серверный язык, чтобы поместить хук где-нибудь, например class="active"
class="active"
Для быстрого исправления javascript вы можете перебрать пункты меню и выделить того, URL которого соответствует текущей странице.
используйте псевдо-классы css :hover и :active. active определяет стиль, если стилизованная ссылка является активной в данный момент. Там действительно нет необходимости делать это с JavaScript.
:hover
:active
См. http://www.w3schools.com/CSS/css_pseudo_classes.asp
Цитата:
a: ссылка {цвет: # FF0000;} / * непосещенная ссылка / a: посетил {цвет: # 00FF00;} / посетил ссылку / a: hover {color: # FF00FF;} / наведите указатель мыши на ссылку / a: active {color: # 0000FF;} / выбранная ссылка * / a.red: посещенный {цвет: # FF0000;} <a class="red" href="css_syntax.asp">CSS Syntax</a>
a: ссылка {цвет: # FF0000;} / * непосещенная ссылка / a: посетил {цвет: # 00FF00;} / посетил ссылку / a: hover {color: # FF00FF;} / наведите указатель мыши на ссылку / a: active {color: # 0000FF;} / выбранная ссылка * /
a.red: посещенный {цвет: # FF0000;} <a class="red" href="css_syntax.asp">CSS Syntax</a>
<a class="red" href="css_syntax.asp">CSS Syntax</a>