Question

我还在学习，所以请耐心等待。

请先检查此页：My site

滚动一下并检查名称为NAVIGATE的侧栏正如你所看到的，我手动添加了几个子菜单，我在每个分区上悬停时添加了背景颜色变化现在我想让它像我在CSE历史页面上一样，NAVIGATE列的子选项应该显示活动的分区或活动链接。

意味着我想要：active属性。活动页面的分区将显示不同的背景颜色，例如绿色。

我试图搜索很多，但没有得到这个想法。

非常感谢！

PS：我试图做的就是这个，我是个新手，所以不知道该怎么办：

div.sbproduct:hover{
    background-color: #F5AC2B;
}

div.sbproduct a:active{
    background-color:#ffffff;
}

.sbproduct:hover a{
    color: #ffffff !important;
}

Answer 1

我认为这可能有助于你.....使用toggle（）来改变活动的分区背景颜色

工作Fiddle

// It changes the active  division background color
$( ".sbproduct" ).toggle(
function() {
 $( this ).addClass( "change" );
 },
 function() {
  $( this ).removeClass( "change" );
 }
);

Answer 2

使用此Jquery

$(document).ready(function(){

        $("a").click(function(){
        //alert('hi');
          $("a").removeClass()
            $(this).addClass("over")


        }) ;        

    });

检查此演示http://jsfiddle.net/dineshk/X4GSR/6/

CSS活动分区背景颜色变化

2 个答案: