在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>

希望有人能幫助我。謝謝！

來源

2016-06-08 Héctor de Prada González

你嘗試過使用'：focus'嗎？ –

的jQuery插件增加了一個current類到您的活動列表項，那麼你需要做的唯一的事情就是讓風格在CSS這樣

#navi .current { 
    background: red; 
}

您可以檢查出這fiddle

來源

2016-06-08 20:32:17

這是完美的，但它錯過了我只想改變圓形的顏色，而不是整個部分。所以我使用了這個：#navi .current a {0} {background}：＃00b6dc; } –

在jQuery中更改導航活動部分的樣式單頁導航插件

回答

相關問題