jQuery：翻轉主菜單時突出顯示子菜單？

我有一個導航&輔助導航，兩個始終顯示....但希望我想要發生的是，當你在主導航中翻轉「投資組合」...我想「輔助導航」來點亮例如申請一個新班級（具有amore可見的字體顏色）......這怎麼可以做到這一點？jQuery：翻轉主菜單時突出顯示子菜單？

（當你滾下「組合」字體顏色回到正常的二次NAV）

<ul id="primarynav"> 
    <li><a href="">home</a></li> 
    <li class="portfolio"><a href="">protfolio</a></li> 
    <li><a href="">contact</a></li> 
</ul> 

<!-- Secondary nav --> 

<ul id="secondarynav"> 
    <li><a href="">Websites</a></li> 
    <li><a href="">Graphics</a></li> 
    <li><a href="">Drawing</a></li> 
</ul>

來源

2012-01-14 CodeyMonkey

這很奇怪你想達到什麼。有一個已經可見的子菜單（實際上是你的#secundarynav），但懸停在主要 - 啓發次要。順便說一句：你有什麼嘗試？ – 2012-01-14 19:21:32

使用jQuery：

$(document).ready(function(){ 
    var $primarynav = $('#primarynav'), 
     $secondarynav = $('#secondarynav'); 

    $primarynav.hover(function(){ 
     $secondarynav.addClass('highlight'); 
    }, function(){ 
     $secondarynav.removeClass('highlight'); 
    }); 
});

來源

2012-01-14 19:59:50

確實喜歡jQuery的地方，謝謝。 – CodeyMonkey 2012-01-14 21:46:49

首先，告訴<li class="portfolio">一旦你懸停元素執行方法：

<li class="portfolio" onmouseover="highlightSecundarynav();">..</li>

然後寫該方法highlightSecundarynav()將所述類添加到secundary NAV：

function highlightSecundarynav() { 
    document.getElementById("secondarynav").setAttribute("class", "highlight"); 
}

然後，您可以添加一些CSS規則來應用顏色或其他樣式：

ul#secondarynav.highlight { 
    color: #FF0000; 
}

你必須這樣做刪除的亮點，一旦鼠標離開組合鍵：

<li class="portfolio" onmouseover="highlightSecundarynav();" onmouseout="unhighlightSecundarynav();">..</li>

的Javascript：

function unhighlightSecundarynav() { 
    document.getElementById("secondarynav").setAttribute("class", ""); 
}

來源

2012-01-14 19:23:09 Patrickdev

jQuery：翻轉主菜單時突出顯示子菜單？

回答

相關問題