我在此域名keksik.com上创建了一个新网站 在这里,您可以看到顶部的导航菜单。
问题是我需要活动菜单项的字体颜色为黑色,即使它没有悬停。当我将鼠标悬停在子项上时,同样的事情应该应用于父菜单项。
所以,如果菜单项有背景图片,我认为我需要在这里使用javascript动态地将字体颜色更改为黑色。
我尝试将此代码添加到头部,但没有任何变化:
<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>
所以,我希望你能帮我解决这个问题。提前谢谢。
答案 0 :(得分: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");
}
});
答案 1 :(得分:0)
我不太确定你在问什么,但为什么你不能用它:
#top #nav li.active,
#top #nav li.active:hover {
color: black;
}
这有什么问题?