Tag: 背景色

滚动时,导航栏活动选项卡会更改颜色

我希望我的活动标签在用户滚动传递1000px时改变颜色,当它<1000px时返回原始颜色。 我已经尝试了下面的CSS工作,并永久地更改活动选项卡上的背景。 .navbar-default .navbar-nav > .active{ background: #111; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: #111; } 还尝试结合上面的CSS和滚动function,但我不认为我正在瞄准活动div正确… 如何在滚动function中最好地定位这个活动的tab类? 或者有更好的替代方法吗? JsFiddle: https ://jsfiddle.net/Lczsjz3y/7/ 任何帮助,将不胜感激 :)

滚动浏览元素时更改固定标题的背景

我试图让我的固定标题的背景颜色在页面上滚动某些DIV部分时更改,类似于: http://www.adamrudzki.com/ 我正在使用的部分没有固定的高度。 我发现这个类似的问题在滚动时更改背景颜色 (使用这个小提琴http://jsfiddle.net/cEvJk/18/ ) var t = $(‘#about’).offset().top – 100; $(document).scroll(function(){ if($(this).scrollTop() > t) { $(‘header’).css({“background-color”:”green”}); } }); 但我无法为所有部分重复效果。

如何将“background-color”转换为rgb()格式?

这是我的问题: 我想更改页面上其中一个元素的背景颜色的不透明度。 为了做到这一点,我需要先将颜色转换为rgb()格式。 (或提取r,g和b元素)。 在这里我可以看到如何将hex字符串转换为数字格式,但颜色并不总是hex格式。 它们可以被命名为“红色”。 red —> rgb(255, 0, 0) #ff00ff —> rgb(255, 0, 255) 有没有人知道如何做到这一点? 问候。

在jquery中将文本框设置为只读,将背景颜色设置为灰色

美好的一天, 我想在我的jsp创建一个文本框,使其成为readonly ,其背景颜色为灰色,如Jquery中的disable 。 以下是我的代码: if(a) $(‘#billAccountNumber’).attr(‘readonly’, ‘true’); 我不喜欢使用attr(‘disable’, ‘true’); ,因为当我提交表单时,该值将变为null。 任何想法而不是写第二行代码来改变风格?

如何使用jquery检查元素的背景颜色

if($(this).css(“background-color”)==Crimson) 它是否正确 ? .css(“background-color”,“white”)会改变颜色,但我不想改变,我想知道它是哪种颜色。

jQuery – 背景颜色不变

可能重复: jQuery动画backgroundColor 更改 部分的背景颜色 我有以下代码尝试在按下按钮后更改文本的背景颜色。 情况是它没有做它想要做的事情。 这是为什么? 这里出了什么问题。 HTML代码 #name{ background-color: #FFFFF2; width: 100px; } Abder-Rahman 的script.js $(“#bgcolor”).click(function(){ $(“#name”).animate( {backgroundColor: ‘#8B008B’}, “fast”);} ); 编辑 我想要注意到我有一个名为:jquery-ui-1.8.16.custom的文件夹,这就是我将这些文件放入的地方。而且,我已经引用了jquery-1.6.4,js,如上所示,我除了引用当前文件夹中js文件夹中的jquery-ui-1.8.16.custom.min.js之外,还有它在同一个文件夹中。 我在这里弄错了什么? 这不是引用jQuery和jQueryUI的方法吗? 使用的浏览器: Mozilla Firefox 6.0.2 文件夹结构: 的jquery-UI-1.8.16.custom / abc.html 的jquery-UI-1.8.16.custom /的script.js 的jquery-UI-1.8.16.custom / jQuery的1.6.4.js 的jquery-UI-1.8.16.custom / JS / jquery的-UI-1.8.16.custom.min.js 谢谢。

2个div上的随机预定义背景颜色和文本颜色

我期待创建一个Jquery脚本,它将从10的列表中随机选择一种颜色,然后将其作为背景颜色应用于一个div,以及h1标签的颜色。 到目前为止,我有这个随机颜色: $(document).ready(function() { var hue = ‘rgb(‘ + (Math.floor((256-199)*Math.random()) + 200) + ‘,’ + (Math.floor((256-199)*Math.random()) + 200) + ‘,’ + (Math.floor((256-199)*Math.random()) + 200) + ‘)’; $(‘#controls-wrapper’).css(“background-color”, hue); $(‘h1’).css(“color”, hue);}); 但是如何从10种颜色的列表中随机选择呢? 我找到了这个,但不知道如何将它应用于bg color div和h1标签。 $(“#controls-wrapper”).each(function(){ var colors = [“#CCCCCC”,”#333333″,”#990099″]; var rand = Math.floor(Math.random()*colors.length); $(this).css(“background-color”, colors[rand]);});

在滚动上更改div的背景颜色

http://jsfiddle.net/ncuydr9y/ BG颜色在启动时应为#1A1A1A,然后在滚动210像素后更改。 不知道我哪里出错了。 $(document).ready(function(){ var scroll_pos = 0; $(document).scroll(function() { scroll_pos = $(this).scrollTop(); if(scroll_pos > 210) { $(“#left-panel”).css(‘background-color’, ‘#1A1A1A’); } else { $(“#left-panel”).css(‘background-color’, ‘red’); } }); });

Fullcalendar:更改特定日期的颜色

我遇到了一个我上class的项目。 我需要改变一些天的背景颜色。 这是一个用户应该看到的日历,哪些日期可用,哪些日期不可用。 我发现有一个名为“data-date”的属性,但我没有找到使用它的可能性。 有没有办法操纵特定日子的背景? 我认为必须有一种方法,因为显示当前日期的单元格也有另一种颜色。