在jQuery中更改导航活动部分的样式单页导航插件

问题描述：

我正在尝试更改着陆页中菜单的活动部分的样式。在jQuery中更改导航活动部分的样式单页导航插件

我使用jQuery的一个页面导航插件，你可以在这里找到：目前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>

希望有人能帮助我。谢谢！

你尝试过使用'：focus'吗？ –

答

的jQuery插件增加了一个current类到您的活动列表项，那么你需要做的唯一的事情就是让风格在CSS这样

#navi .current { 
    background: red; 
}

您可以检查出这fiddle

这是完美的，但它错过了我只想改变圆形的颜色，而不是整个部分。所以我使用了这个：#navi .current a {0} {background}：＃00b6dc; } –

在jQuery中更改导航活动部分的样式单页导航插件

相关推荐