Question

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

我想在标题上使用“悬停”背景色（带箭头的顶级导航）。

我试图使用：

.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>

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

1 个答案: