ドロップダウン中にトップメニュー項目をハイライト表示する

Question

このサイトをまとめてドロップダウンメニュー項目の上にマウスカーソルを置いたときに、ドロップダウンメニュー項目を白で強調表示しておきたいです。 http://dl.dropbox.com/u/7086475/Paul%20Day/index.html

Answer 1

#nav a:hoverセレクタを使用する代わりに、代わりに#nav li:hoverを使用できます。

アンカーとは異なり、あなたがサブメニューに入っている間、liはホバー状態のままです。

ホバー疑似クラスはアンカーでしか動作しないため、IE6では動作しません。

#nav li:hover{ 
color: #fff; 
} 

Answer 2

あなたはjquery or javascriptを使用して親liのホバー状態のためcss classを設定することができます。

編集

あなたは...

$(document).ready(function() { 
    $("#nav li li").mouseenter(function() { 
     $(this).parent().parent().addClass("test"); 
    }); 

    $("#nav li li").mouseleave(function() { 
     $(this).parent().parent().removeClass("test"); 
    }); 
}); 

およびCSSスタイルを、このようなCSSクラスを設定することができます...

.test { font-weight:bold; color:#fff; } 

Answer 3

は、このjqueryのを使用して、それがに動作しますあなたの問題を解決する

$(function() { 
     $('#nav li ul').hover(function() { 
      $(this).prev('#nav li a').css('color', '#FF6600'); 
     }, function() { 
      $(this).prev('#nav li a').css('color', '#fff'); 
     }); 
    });