javascript - 如何实现这种在导航中指示当前标签的方式？

设计的一种新趋势是，对于导航菜单，在您当前所在页面的链接下方显示一条细线，并在链接下方显示粗线。看起来像这样：



如何实施呢？还是CSS还是JavaScript？

最佳答案

我猜这只是一个边界的改变。

您可以随时执行以下操作：

.menubutton{
  border-bottom: 1px solid #000;
}

.menubutton:hover,
.menubutton.active{
  border-bottom: 2px solid #000;
}

并添加一些JavaScript来激活/停用它们...

$('.menubutton').click(function (){
  $('.menubutton').removeClass('active');
  $(this).addClass('active');
});