0

このドメインに新しいサイトを作成しますkeksik.comここでは、上部にナビゲーションメニューが表示されます。

問題は、アクティブなメニュー項目がホバーされていないときでも、フォントの色を黒にする必要があることです。また、子アイテムにカーソルを合わせると、親メニューアイテムにも同じことが適用されます。

したがって、メニュー項目に背景画像がある場合は、ここでjavascriptを使用して、フォントの色を動的に黒に変更する必要があると思います。

このコードをheadに追加しようとしましたが、何も変わりません。

<script type="text/javascript">

$(document).ready(function(){
    if ($(#top #nav li).css('background') == 'url(images1/mtbg.gif) no-repeat left center') {
    $(#top #nav li a).css('color', 'black');
  }  

});
</script>

だから、私はあなたがこの問題で私を助けることができることを願っています。前もって感謝します。

4

2 に答える 2

1

うーん..私にはわかりませんが、おそらくこのようなものが機能するでしょう:

var strBG = "url(images1/mtbg.gif) no-repeat left center";
$("#top #nav li a").live("hover", function(){
    if ($(this).parent().css("background") == strBG)
    {
        $(this).css("color", "black");
        $(this).parent().css("color", "black");
    }
});
$("#top #nav li").live("hover", function(){
    if ($(this).css("background") == strBG)
    {
        $(this).css("color", "black");
        $(this).find("a").css("color", "black");
    }
});
于 2012-09-30T16:45:18.550 に答える
0

あなたが何を求めているのかよくわかりませんが、なぜこれを使用できないのですか?

#top #nav li.active, 
#top #nav li.active:hover {
    color: black;
}

それのどこが悪いんだい?

于 2012-09-30T16:49:49.130 に答える