在水平菜单中设置活动<li>元素的样式。</li>

Question

我有一个示例导航菜单，have a look 我希望我对hover产生的影响，我想在单击link时产生同样的效果。当前链接应该具有相同的效果。我想我需要使用{{1如果我不能很好地解释我的问题那么。 欢迎任何建议，谢谢。

Answer 1

将选择器从hover更改为focus。你甚至不需要使用jquery

编辑：我编辑了小提琴。

请参阅此http://jsfiddle.net/kt4yb/3/

Answer 2

你可以使用伪类:active。 （其点击状态的CSS）和可选的:focus。如果你想让效果保持下去，你需要用jquery来做：

$(function(){
  $(".menu").on("click", "a", function(){
    $(this).addClass("active").siblings().removeClass("active");
  });
});

然后你可以将你的效果添加到活动类......这是一个演示： http://jsfiddle.net/meo/kt4yb/6/

或者你可以简单地使用:visited伪类，如果你的链接指向不同的网址