jquery導航顏色，並按照滾動頁面

Question

我期待改變導航欄的顏色和導航文本的顏色，就像他的網站：http://duotones.ch/我搜索，但只發現有關更改大小不是背景從透明到一些科洛爾，泰勒是一個點，它跟隨我現在的頁面，任何幫助將是偉大的。

一個jsfiddle演示會很棒！

Answer 1

您有以下CSS規則的導航欄：

.navbar.contentNav { 
    background-color: rgba(176,252,229,.9); 
    border-bottom: 1px solid rgba(0,0,0,.04); 
    z-index: 1000; 
} 

改變背景顏色，RGBA的最後一個參數是不透明度。

文字顏色是用CSS規則顏色控制的。這裏是在導航欄的文本顏色你的CSS規則：

li.active a { 
    color: #3d3d3c!important; 
} 

Answer 2

我不知道如果我理解正確你的問題，這將有助於你
但檢查這個Fiddle

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('li').hover(function(){ 
     $(this).css({'background-color':'rgba(255,0,0,1.0)'}) 
     },function(){ 
     $(this).css({'background-color':'rgba(255,0,0,0.0)'}) 
    }) 
}) 
</script> 

如果您希望導航欄中的項目將顏色從tansparent更改爲預先建立的顏色，您可以在css中使用transition並使用jQuery中的懸停方法