分享
三行代码  ›  专栏  ›  技术社区  ›  carlo_webber124

引导导航栏的自定义“活动”指示器

  •  0
  • carlo_webber124  · 技术社区  · 1 周前

    我在考虑增加一个习惯 div active 在引导中初始化。我怎样才能做到这一点? [1] 公司名称: https://i.stack.imgur.com/9ZtP3.png

    1 回复  |  直到 1 周前
        1
  •  0
  •   Brian    1 周前

    一个快速的解决方法是创建一个 .current 班级。然后将当前类应用于您所在页面的链接。。有点像

    CSS。

    .current{
        color:#09f;
        border-top:3px solid #09f;
    }
    

    <div class="topnav">
        <a href="index.html" class="current">Home</a>
        <a href="#">ABOUT</a>
        <a href="#">SERVICES</a>
        <a href="#">EXTRA</a>
    </div>
    

    然后在下一页中,将类添加到下一个链接。第二页是这样的 HTML-关于(关于.html)

    <div class="topnav">
        <a href="index.html">Home</a>
        <a href="#" class="current">ABOUT</a>
        <a href="#">SERVICES</a>
        <a href="#">EXTRA</a>
    </div>