在查看页面时需要鼠标悬停以保持高亮显示

Question

在此网站上：http://www.winteradagency.com/mrw/real_estate.php导航使用javascript来突出显示鼠标悬停时的选择。是否有一种简单的方法来更改代码，以便用户所在的页面保持突出显示？这有助于他们查看他们所在的页面并允许更好的导航。

感谢

Answer 1

使用css伪类:hover和:active。如果样式化链接是当前活动的链接，则active将确定样式。用javascript确实没有必要这样做。

请参阅http://www.w3schools.com/CSS/css_pseudo_classes.asp

引用：

  

a：link {color：＃FF0000;} / * unvisited link /
  a：访问过{color：＃00FF00;} / 访问过的链接 /
  a：将鼠标悬停在链接 /
上的{color：＃FF00FF;} / 上   a：活动{颜色：＃0000FF;} / 选择链接* /

     

a.red:visited {color：＃FF0000;}
  <a class="red" href="css_syntax.asp">CSS Syntax</a>

Answer 2

是的，你需要一个'钩子'才能做到这一点。您可以使用JavaScript检查URL，或使用服务器端语言将钩子放在某处，例如class="active"

Answer 3

对于快速的javascript修复，您可以遍历菜单项并突出显示该网址与当前页面匹配的那个。