Question

我正在尝试更改目标网页中菜单活动部分的样式。

我正在使用您可以在此处找到的jQuery One Page Nav插件：http://github.com/davist11/jQuery-One-Page-Nav

我的网站目前是：www.gewexhibition.com

我试图让导航菜单中的小圆圈在活动时改变颜色，以便用户随时知道他或她在页面上的位置。

我一直在用CSS尝试不同的东西，但我无法让它发挥作用。我所取得的最大成就是当你点击它时，以不同的颜色围绕圆形方块。

这是菜单代码：

<ul id="navi">
            <li  class="current" ><a href="#top"><span class="tooltip">top</span></a></li>
            <li><a class="cir" href="#about"><span class="tooltip">about us</span></a></li>
            <li><a href="#wedo"><span class="tooltip">what we do</span></a></li>
            <li><a href="#clients"><span class="tooltip">clients</span></a></li>
            <li><a href="#contact"><span class="tooltip">contact us</span></a></li>
        </ul>

希望有人可以帮助我。谢谢！

Answer 1

jQuery插件将current类添加到您所在的活动列表项中，因此您唯一需要做的就是在这样的css中创建样式

#navi .current {
  background: red;
}

您可以查看此fiddle

在jQuery One Page Nav插件中更改导航活动部分的样式

1 个答案: