0
4

7 回答 7

1

由于您使用的是 Jquery，因此您可以执行以下操作：

$(function(){
    $('.navigation ul#topnav li a').hover(
      function(){
        //remove the active class from all links on mouseover
        $('.navigation ul#topnav li a').removeClass('.active');
      },
      function(){
        //add active class to current link on mouseout
        $(this).addClass('active');
      }
    );
});

...然后在您的 css 中为活动类添加样式：

.navigation ul#topnav li a.active{
  /*your styles*/
}
于 2012-07-23T07:06:22.873 回答
1

为此，您必须使用 jquery。

$('.links').click(function(){
    $(this).addClass('clicked');
});

然后有一个点击链接的样式。

.clicked{
    color:red;
}
于 2012-07-23T07:07:12.247 回答
1
于 2012-07-23T07:07:30.970 回答
1

您还可以为选定状态添加新样式：

    .navigation ul#topnav li a:selected{
     //Your Style Here
    }
于 2012-07-23T07:09:08.187 回答
1

需要添加另一个类并将其添加到单击的元素中。

JS

$('.navigation ul#topnav li a').click(function(){
    $(this).addClass('active');
});

CSS

.navigation ul#topnav li a.active{
        color:#824d97;
        background-color:inherit;
        background:url(../images/nav-hover-bg.png) repeat-x 0 0 !important;
        border-left:5px solid #6c1b93 !important;
        border-right:5px solid #6c1b93 !important;
    }
于 2012-07-23T07:09:11.027 回答
1

为它制作 javascript/jQuery 代码。

OnLoad/就绪 DOM

jQuery

$(".navigation ul#topnav li").click(function() {
     if($(this).hasClass("selected")) {
         $(this).removeClass("selected");
     } else {
         $(this).addClass("selected");
     } 
});

CSS

.navigation ul#topnav li.selected {
    background-color:#selectedcolor
}
于 2012-07-23T07:12:35.530 回答
1

试试下面的：

.navigation ul#topnav li a:visited{ 
    color:#824d97; 
    background-color:inherit; 
    background:url(../images/nav-hover-bg.png) repeat-x 0 0 !important; 
    border-left:5px solid #6c1b93 !important; 
    border-right:5px solid #6c1b93 !important; 
}
于 2012-07-23T07:14:40.803 回答