單擊鏈接時更改內部錨點標記css

Question

我有一個導航欄，其中包含鏈接到頁面某些部分的標記列表。

，如果可能我想通過任的JavaScript或CSS改變鏈接的不透明度被點擊的時候，內容顯示的是，下一個表項被點擊時會改變的活躍的不透明度和舊鏈接將恢復正常。

這裏是頁的工作測試和導航欄向下探底： http://www.luvly.co.nz/space/process.html

Answer 1

在你JS /過程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 < X < 1）任何數字。

Answer 2

您可以通過使用:active和:hover僞類這樣

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

該做的是一個例子所以把這些類放在你的代碼中。

Answer 3

通過CSS，你可以做這樣的事情，只是簡單地改變以下的不透明度值，你的願望，因爲你沒有提到任何具體的不透明度設置爲尚未...

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

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

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