jquery导航颜色并跟随滚动页面答案

【问题标题】：jquery navigation color and follow the page on scrolljquery导航颜色并跟随滚动页面
【发布时间】：2014-06-06 11:56:25
【问题描述】：

我希望更改导航栏的颜色和导航文本的颜色，就像在他的网站上一样：http://duotones.ch/ 我搜索但只发现关于更改大小而不是背景，例如从透明到某种颜色，这是我目前所在页面之后的一点，任何帮助都会很棒。

jsfiddle 演示会很棒！

【问题讨论】：

你需要先尝试一些东西，然后当你遇到一个特定的问题时，你提出一个问题，你提供代码，你为我们提供一个小提琴来解决你的问题。 READ THIS

标签： jquery css colors navigation uinavigationbar

【解决方案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;
}

【讨论】：

【解决方案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>

如果您希望导航栏中的项目将颜色从透明更改为预先确定的颜色，您可以使用 css 中的转换和 jQuery 中的悬停方法

【讨论】：