在悬停时更改导航菜单样式

Question

我有一个jQuery切换导航菜单作为页面上的辅助导航。

我想在标题上有一个"悬停"的背景颜色（带箭头的顶级导航）。

http://awesomescreenshot.com/07c1w39kc1

我尝试使用：

.title1 a{
    background-color:#FC3; 
}
.title1 p a:hover,.on p a{
    background-color:#ae0606; 
}

标题上的悬停应与字幕的宽度和高度悬停相匹配，

这是jQuery代码，

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.title1').click(function() {    
        $('.title1').removeClass('on');    
        $('.content2').slideUp('normal'); 
        if($(this).next().is(':hidden') == true) {    
            $(this).addClass('on');    
            $(this).next().slideDown('normal');
        }
    });
});
</script>

测试页的网址，http://planeta.se/nordcharkLast/recept-2/

Answer 1

如果你的意思是用黄色替换红色，那么你需要改变 background-color:#ae0606;到 background: url(images/subHover.jpg) repeat-x;

但是，如果您想用红色替换黄色，请将background: url(images/subHover.jpg) repeat-x;替换为background-color:#ae0606;

此外，标题 3 4 和 5 没有工作悬停。标题 4 的设置类似于<div class="title1 on"><p>Titel 4</p></div>何时应该<div class="title1"><p>Titel 4</p></div>，要使悬停正常工作，您需要添加<a> link stuff </a>