Javascript 单击链接时更改内部锚定标记css

我有一个导航栏，其中包含链接到页面某些部分的标签列表

我想知道是否可以通过javascript或css更改链接的不透明度，当单击链接并显示内容时，当单击下一个列表项时，该列表项将更改为活动不透明度，旧链接将变回正常状态

下面是页面和底部导航栏的工作测试：

---

您可以通过如下方式使用

：active

和

：hover

伪类来实现

#Navigation a:active
{
    opacity: 0.9;
}
#Navigation a:hover 
{ 
    opacity:0.4
}

---

这是一个示例，因此请根据您的代码放置这些类。

在您的js/process slider.js中添加以下行：

$('a.panel').click(function () {

    $('.selected').css('opacity','1'); /* this one - the normal state*/
    $('a.panel').removeClass('selected');
    $(this).addClass('selected');

    current = $(this);

    $('#wrapper').scrollTo($(this).attr('href'), 800);
    $('.selected').css('opacity','0.5'); /* and this one - the clicked state*/      

    return false;
});

---

注意：将0.5更改为您想要的任何数字（0通过CSS，您可以这样做，只需将下面的不透明度值更改为您想要的值，因为您尚未提及任何特定的不透明度设置

#process-nav-bar .panel:active {
opacity: 0.5;
}

#process-nav-bar .panel:hover {
opacity: 0.4;
}

#process-nav-bar .panel {
opacity:0.3; 
}

---

@这是操作代码，我刚刚添加了两行（如您所见）。