jquery - 造型活跃
水平菜单中的元素。

Question

我有一个示例导航菜单，看看我想要的效果，点击hovera 时我想要相同的效果。link当前链接应该具有相同的效果。我想我需要使用jquery它.对不起，如果我没有很好地解释我的问题。欢迎任何建议，谢谢。

score 2 · Accepted Answer

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

编辑：我已经编辑了小提琴。

score 1 · Accepted Answer

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

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

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

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

jquery - 造型活跃水平菜单中的元素。