0

我有一个 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>

测试页面的 URL，http ://planeta.se/nordcharkLast/recept-2/

4

1 回答 1

0

如果您的意思是用黄色替换红色，那么您需要更改 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>

于 2013-10-29T18:40:38.410 回答