我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。
基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？
浏览 5提问于2013-09-21得票数 1
1回答
我不熟悉javascript，但我想更改导航栏图标的颜色。现在，我的导航栏是黑色和白色导航栏图标。当我滚动页面时，我的导航栏将背景颜色更改为白色，字体颜色更改为黑色。但是，导航栏图标仍然是白色的，所以当我滚动页面时，它会消失。我可以通过将navbar类从'navbar-dark‘更改为'navbar-light’来解决这个问题。但是，我不确定如何使用javascript来做到这一点。 <!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap
浏览 22提问于2020-07-18得票数 0
1回答
过渡React导航标题背景颜色
、、、、
我使用这个插件来实现React Native导航：
我有两个屏幕，一个是亮的，一个是暗的。在第一个屏幕上，导航的标题是亮的，在另一个屏幕上，它切换为深色。但它切换标题颜色，没有过渡，这是相当丑陋的。有没有内置的选项或技巧来给背景颜色切换一个过渡？
下面是我切换颜色的设置：static navigationOptions = ({ navigation }) => ({ title: `Chat with ${navigation.state.params.character.characterName}`, headerTitleStyle: { color:
浏览 21提问于2018-01-12得票数 2
2回答
使用iOS 13新的暗模式功能，现在我似乎不可能控制状态条文本颜色的Xamarin形式。我发现的大多数解决方案似乎都来自于黑暗模式引入iOS之前。
我的应用程序使用资源，这样我就可以轻松地更改整个应用程序的样式。即使在黑暗模式下，我的导航栏的颜色也不适合用白色文本阅读。我需要将状态栏的颜色设置为黑色，无论设备激活了什么颜色模式，都是。
我尝试在我的导航页面中手动设置颜色，但是它似乎被iOS颜色模式覆盖了。此代码适用于Android：
BarTextColor = Color.Black;
BarBackgroundColor = (Color)App.Insta
浏览 4提问于2020-02-21得票数 1
回答已采纳
我使用的是Ionic Creator生成的Ionic指令。在顶部我们有一个标准的导航栏和底部的选项卡式导航图标。每个图标都有一个特定的颜色，我希望导航栏与单击时的颜色相匹配。
<ion-nav-bar class="bar-{{$root.color}}">
启动on-select后，我尝试设置$scope.color、$rootScope.color，甚至创建了一个返回$rootScope.color值的函数。
<ion-tab title="Reps" icon="ion-person-stalker balanced" o
浏览 0提问于2015-07-20得票数 0
如何为Vue.JS PWA应用程序设置Android底部导航栏的颜色？当我设置themeColor时，顶部的地址栏会正确地改变颜色，但导航区域仍然是全白的(#fff)。
我已经试过了：
在manifest.json中：
{
"start_url": "/.",
"display": "standalone",
"background_color": "#000000",
"theme_color": "#000000"
}
在
浏览 5提问于2020-08-07得票数 2
我这里有一个jsfiddle -
非常简单的导航和一个隐藏的div块。
当您单击导航中的第二个链接时，div块将随slideToggle向下滑动。
当div块向下滑动时，我希望单击的按钮被选中。
当它被点击时，我可以通过改变背景颜色来做到这一点。
当div块再次滑动时，是否可以取消选择链接(将其颜色改回原来的颜色)？
jquery.hover()处理程序悬停和悬停。用slideToggle可以做同样的事情吗？
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
浏览 6提问于2013-07-01得票数 0
回答已采纳
我正在尝试将色板添加到可配置的产品中，我成功地做到了这一点，但是单击色板颜色并不会改变产品图像。不会触发颜色选项单击事件。在产品视图页面中，如果单击媒体图像，则会更改主产品图像，但如果单击颜色选项，则不会更改主产品图像，但会选择标签值，例如红色或黑色。单击颜色选项时，我没有收到任何特定错误。 在我的configurableswatches.xml文件中，已经包含了以下js：<name>js/configurableswatches/product-media.js</name></action> <name>js/configurableswa
浏览 44提问于2019-05-26得票数 1
2回答
滚动时更改颜色文本导航条
、、、、
我怎么能这样做，当我向下滚动的文字导航栏改变颜色，就像背景。有所有的代码。
$(document).ready(function(){
$(window).scroll(function(){
var scroll = $(window).scrollTop();
if (scroll > 300) {
$(".navbar-custom").css("background" , "white");
$(".navbar-custom").css("color" ,
浏览 11提问于2022-07-31得票数 0
回答已采纳
1回答
您好，我有一个模板的问题，我试图调整，以适应我的需求。问题是我不确定我的问题是js还是css……当您将鼠标移到导航上(文本颜色更改)或进入子菜单(背景颜色更改)时，我正在尝试更改导航上的颜色。该模板使用了一个名为hoverIntent.js的插件和css。在这两者之间，我找不到任何类型或类型的:hover颜色调整。该网站是的任何和所有的援助将非常感谢。
保罗
浏览 3提问于2013-04-04得票数 1
1回答
我的jquery知识充其量是软的。
我搞不懂这件事。基本上我有一个简单的粘性水平导航栏使用UL在一个很长的页面。我想让导航栏里的项目根据他们正在查看的页面部分来改变颜色。与这个页面类似，，但只是它是水平的，并且我希望li项的整个bg变成白色，而不是改变链接的颜色。
我试图将.menu ul li上的一个项目切换到一个新的类.menuwhite ul li a，以将背景从蓝色更改为白色，但它不起作用。对我做错了什么有帮助吗？
小提琴：
$(".wphistory").waypoint(function(event, direction) {
if (dire
浏览 0提问于2013-04-16得票数 3
回答已采纳
2回答
我有问题的引导4导航条，我想改变手机的背景颜色(只在哪里有链接放置)，标题将是蓝色的。
HTML代码：
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top ">
<div class="container"> <ul class="nav navbar-nav navbar-logo mx-auto">
<li class="nav-item">
<a class=
浏览 0提问于2018-04-13得票数 0
回答已采纳
1回答
我在用这个
从左侧菜单中，您可以为布局选择不同的颜色。红色是通灵的颜色。如何将蓝色作为默认颜色？
我检查了应该控制它的JS文件，但是我不太明白。
文件是jquery.wp.switcher.js，有人能帮我一下吗？谢谢
浏览 2提问于2014-05-29得票数 0
回答已采纳
我通过AppDelegate中的以下几行代码向UINavigationBar添加了一种颜色：
let navBar = UINavigationBar.appearance()
navBar.barTintColor = mainColor
然而，当我通过一个段转到一个不同的视图时，我失去了颜色。视图2没有嵌入到它自己的UINavigationController中。
如果我将它嵌入到导航控制器中，它会出现，但是如果我从视图2转到视图3，它也会消失。
我使用'Show‘作为segue选项。
浏览 2提问于2016-05-11得票数 0
1回答
(TL;DR)
是否可以让jQuery/Javascript监视特定类的元素；如果存在该类，则执行一个函数。如果类不存在，则执行不同的函数。
(全部)
我们有一个使用超级菜单的WordPress主题。菜单被配置为出现在标题下，而不是在标题下面。因此，某些元素很难看到，因此我们创建了一个OnClick事件，当单击主导航链接时，该事件将更改各种标头元素的颜色：
jQuery(document).ready(function() {
jQuery('#main-menu nav ul').click(function(){
jQuery('.cont
浏览 7提问于2022-08-22得票数 0
我想用MaterializeCSS更改导航栏中的悬停bg颜色，默认效果只是使突出显示更暗，我需要将该突出显示更改为另一种颜色，如白色。
当导航栏颜色为黑色时，没有高亮显示或悬停效果。
我可以更改导航栏的bg颜色，文本颜色，但我不能更改背景突出显示颜色，有什么想法吗？
提前谢谢你
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/css/mater
浏览 4提问于2016-01-27得票数 9
回答已采纳
1回答
我正在尝试为一个组件创建一个js文件，该组件与我的项目中的几个样式一起使用。在一个页面上，我为一些特性设置了几个按钮，在html文件中设置了默认的背景色(例如bg-gray-500)。对于激活功能的按钮，我会更改背景颜色，目前使用js，但是因此，在js中定义了“已激活功能”(例如bg-blue-500)的bg颜色，这就是我想要移到html文件的内容。因此，与其让<button type="button" class="bg-gray-500"></button>和js移除类bg-gray-500并添加类bg-blue-500，我想知道这是
浏览 2提问于2022-07-17得票数 0
回答已采纳
2回答
我还在学习，所以请耐心听我说。
请先查看此页面：
稍微滚动一下，然后查看侧边栏上的名称导航。
如您所见，我手动添加了几个子菜单，并在悬停在每个分区上时添加了背景颜色更改。
现在我想让它像我在历史CSE页面上，导航列的子选项应该显示活动的部门或活动的链接。
意味着我希望在那里有:active属性。活动页面的分区将显示不同的背景颜色，比如绿色。
我试着搜索了很多次，但都不明白。
非常感谢!
PS :我试着这样做，我完全是一个新手，所以不知道该怎么做：
div.sbproduct:hover{
background-color: #F5AC2B;
}
div.sbproduct a:act
浏览 1提问于2013-11-26得票数 0
3回答
我用引导带做了一个导航条。在这里，导航条的切换按钮总是对齐导航条的右侧。我的问题是，为什么它与它的右边是一致的？是什么使切换按钮保持在导航栏的右边。我们也没有用于按钮的ml-auto类，也没有在品牌和按钮之间的元素，该元素具有自动长度。那么，在此按钮上应用了哪个类的属性来使其与导航条正确地对齐？
在从ul标签中移除时，切换按钮仍然对齐导航栏的右侧。
跟我说说财产和负责这件事的班级。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
&l
浏览 5提问于2020-12-24得票数 1
我试图改变我的导航条组件的背景和文本颜色，这取决于我在哪一页，以消除与当前页面背景的对比颜色。实际上，我们需要一个由当前页面触发的TopNav组件的明暗主题变体。
我的导航栏和页面模板如下：
<template>
<v-app>
<TopNav /> ------> This is the navbar component whos css i want to alter
<v-content>
<router-view></router-view> --
浏览 1提问于2020-08-21得票数 0
回答已采纳
在我的应用程序中，我有不同颜色的导航栏。此外，我有一些图表是在横向显示，而我的应用程序的其余部分在纵向。在一些视图中，我隐藏了我的标签栏。
我在viewDidLoad和viewWillAppear中更改了导航栏的颜色。
我的问题是视图之间的过渡效果看起来很奇怪。如果导航栏有不同的颜色，颜色变化太快，第一个屏幕就会发生变化。或者，您可以看到选项卡栏被移除。
我做错了什么？
下面是我使用的一些典型代码。
CBViewController *nextController = [[CBViewController alloc]
initWithNibName:@"CBView&#
浏览 6提问于2012-12-30得票数 0
2回答
Sencha导航
、、
我的应用程序中有两个.JS文件。一种是登录表单，另一种是注册表单。有一个导航按钮来注册表单吗？但我不知道如何从登录页面导航到注册页面。谢谢你！！
浏览 0提问于2011-11-27得票数 1
我对导航栏使用了bootstrap框架，现在我想使用summernote WYSIWYG HTML编辑器。
如果我导入bootstrap.min.js脚本，导航栏下拉菜单可以很好地工作，但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本，则summernote可以工作，但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本，因为使用jquery.min.js时summernote不会出现。
导航栏和summernote下拉功能有什么解决方案吗？
浏览 3提问于2016-10-29得票数 5
这是一个codesandbox https://codesandbox.io/s/recursing-rhodes-ffcmc?file=/src/components/Navbar.js:792-856 现在它只是改变了路线，但是导航的背景颜色保持不变。 因此，我有这个导航栏组件，它根据我所在的特定页面更改背景颜色。如果我将导航栏单独添加到每个页面，则可以很好地工作。然而，我最终重复了一大堆代码。 所以这是我的初始设置 --pages
Home.js
About.js
Contact.js 这是我在主页上打开和关闭移动菜单的函数 const Home = () =&g
浏览 15提问于2020-12-14得票数 1
回答已采纳
1回答
我希望当我的一个图标在我的底部导航视图中按下时更改为特定颜色，而另一个图标按下时更改为另一种颜色。例如，我希望在按下主页图标时，更改为红色，而当按下配置文件图标时，无论如何更改为green.Is there。如果有任何帮助，我将不胜感激。
浏览 0提问于2017-10-04得票数 1
我使用堆栈导航器导航到一个视图。新的屏幕有一个不同的背景颜色#E9E9EF，我不知道它从哪里来。我发现这个颜色是在react-navigation/lib/views/CardStack/Card.js中设置的。我试着改变视图的背景颜色，但它不起作用
return (
<View style={{backgroundColor: '#F5FCFF'}}>
</View>
)
我还尝试在StackNavigator中使用此代码更改卡片样式，但颜色并未更改
Other: {
screen: AppOtherContainer,
car
浏览 0提问于2017-11-02得票数 7
我在导航栏上使用prefersLargeTitles，当导航栏折叠时，我想将标题与导航栏的左侧对齐。 我所做的是创建一个标签的自定义视图的leftBarButtonItem，并将标题颜色设置为.clear，问题是，即使大标题还没有折叠，标签也是可见的。 这是我将导航项目添加为标题的代码 let label = UILabel()
label.textColor = UIColor.black
label.text = "my left title"
self.navigationItem.leftBarButtonItem = UIBarButtonItem.init(cus
浏览 106提问于2020-09-03得票数 0
回答已采纳
3回答
Vue 2和Vue-路由器2
我试图改变我的应用程序的导航条的颜色，基于访问的路线。我现在拥有的是：
main.js：
import App from "../components/App.vue"
const app = new Vue({
router: Router,
template: '<app></app>',
components: { App }
}).$mount('#app')
App.vue：
<template>
<div>
&l
浏览 3提问于2017-02-20得票数 11
回答已采纳
我的网页顶部是这样的，有一个主页和一个菜单切换，可以打开一个导航栏。 ? ? 下面是代码 <div class="logo">
<img style="margin-left:5%;height:100px;width:130px;vertical-align:middle" src="/download.png" alt="" />
METRO RAIL SYSTEM</div> .logo {
position: fixed;
top: 1rem;
left: 0%
浏览 14提问于2021-05-01得票数 0
回答已采纳
2回答
我有两个导航按钮
我需要将一个导航按钮的背景颜色更改为橙色，并保持不变，直到另一个按钮被单击，我尝试了一些javascript代码，但没有研究如何以一种简单的方式实现它。
<div>
<ul class="tab">
<li><a href="register.php" >Job Seeker</a></li>
<li><a href="company.php" >Company&l
浏览 1提问于2017-03-17得票数 0
3回答
我有一个Activity，我在其中创建了NavigationDrawer功能，rest我有使用的片段
我的问题是，我想，如果我使用导航抽屉导航到所有的碎片，除了家，如照片，通知等。它必须显示一个后退按钮，而不是汉堡图标，也包括滑动导航。我无法实现这一点。
还想更改工具栏后退按钮的颜色。请帮帮忙。
浏览 1提问于2017-02-17得票数 0
2回答
我用粘滞的js插件在顶部做了粘性的导航，但是在移动端，一半的空间被导航栏占据，所以我不想在移动端做粘性。怎样才能在手机上去除粘性功能？
<script>
$(window).load(function(){
$(".navbar.navbar-inverse").sticky({
topSpacing: 0
});
});
</script>
我已经使用了上面的函数来制作
浏览 3提问于2016-05-16得票数 0
我正在尝试使用React中的材料UI创建自定义颜色的自定义主题。当我创建自定义主题并在控制台中查看它时，我可以看到新的颜色及其值。但是，当我尝试在组件中引用它时，我得到了以下错误 index.js:1警告:属性类型失败:为ForwardRef(Switch)提供的值为neutral的属性类型无效，应为"default“、"primary”或“supplied”之一 当我将颜色设置为“主要”或“次要”时，我得到了预期的颜色。它似乎没有考虑到我创造的新颜色。 这是我的主题： import { createMuiTheme } from "@material-ui/core
浏览 27提问于2020-08-31得票数 0
回答已采纳
如何从app.js文件中设置所有导航栏的通用颜色，这里我们使用createStackNavigator作为导航我的app.js
import React, {Component} from 'react';
import { StyleSheet,} from 'react-native';
import { createStackNavigator } from 'react-navigation';
import Login from './src/pages/Login';
import SignUp from &#
浏览 0提问于2018-10-25得票数 0
$navbar-default-bg在任何地方都可以使用吗？我改变了它的值，我看不到导航栏背景颜色有任何变化。
另外，我也做了
$ grep -nr "navbar-default-bg" .
./sass/_bootstrap-variables.scss:342:$navbar-default-bg: #ff0000;
./sass/_bootstrap-variables.scss:343:// $navbar-default-border: darken($navbar-default-bg, 6.5%)
./sass
浏览 4提问于2014-10-16得票数 1
2回答
我在我的应用程序中使用了React导航默认和黑暗主题。用户可以通过切换按钮改变主题，所有操作都很好。
现在，我想添加额外的颜色到默认的和黑暗的主题。因此，在默认情况下，它们有如下内容：
Object {
"background": "rgb(1, 1, 1)",
"border": "rgb(39, 39, 41)",
"card": "rgb(18, 18, 18)",
"notification": "rgb(255, 69, 58)",
&#
浏览 1提问于2021-03-08得票数 1
1回答
我正在尝试构建一个简单的导航条，但是我对动画的外观有一些问题，我想知道你能不能帮我一下
我有一个问题的代码在这里：
HTML
<nav>
<div class="menu-icon">
menu button
</div>
<div class="menu">
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#&#
浏览 0提问于2018-03-18得票数 0
回答已采纳
1回答
我的应用程序有几个按钮(比如b1、b2、b3)，我将它们用作导航菜单项(替代使用<a>)。当按钮被点击/选中时，我想更改按钮的颜色。当一个特定的按钮被点击时(比如b1)，它的颜色应该变成red，all b2，b3应该有颜色grey。当选择b2时，它应该是红色的，并且b1应该切换回grey。有没有一种方法可以使用css和pseudo元素(类似于:hover)做到这一点？
浏览 0提问于2020-01-24得票数 0
每当我在桌面上显示导航时，我就创建了一个移动菜单。我使用的JS效果和我用来创建导航链接之一下拉列表的效果相同。我不希望导航消失时，我每点击它。
如何将导航显示在桌面屏幕上？
此代码如下：
import React from 'react';
import { Link } from 'react-router-dom';
import Dropdown from '../dropdowns/dropdown.js';
import hamburger from "../images/menu.svg";
class Mobil
浏览 1提问于2019-12-18得票数 0
回答已采纳
我正在开发的应用程序有一个自定义的导航栏，但支持iOS 4.2-iOS5，所以我需要在我的应用程序代理中以这种老式的方式设置UINavigationBar背景和色调。
@implementation UINavigationBar (UINavigationBarCategory)
- (void)drawRect:(CGRect)rect {
self.tintColor = [UIColor colorWithRed:42.0/255.0
green:164.0/255.0
浏览 2提问于2012-02-29得票数 0
回答已采纳
我是React.js的初学者。
我有显示/隐藏导航层的切换按钮。
这个名为Navi.js的文件
如果我想设置显示/隐藏导航到Home.js的相同的切换按钮，我如何调用切换函数？
这就是我在下面尝试过的。请帮帮忙。
演示：
Navi.js
import React, { useState } from "react";
const Navi = () => {
const [show, setShow] = useState(false);
const onToggleClick = () => {
setShow(!show);
};
re
浏览 4提问于2021-05-10得票数 0
回答已采纳
如何在react原生应用中的tabs导航器上方添加stacknavigator header ?切换时必须在所有选项卡的上方显示Header?这里是包含tabs导航器组件的homescreen.js的代码。此标头也可以包含文本
import React, { Component } from 'react';
import {StyleSheet,Text,View, Image, Dimensions} from 'react-native';
import { TabNavigator } from 'react-navigation'
浏览 1提问于2018-04-06得票数 0
1回答
在切换时添加和移除类
、、、
我试图使用.js在颜色之间切换。当我关闭面板时，我希望颜色是红色的，然后在打开面板时更改为黑色。
HTML
<div class="flip">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>
CSS
.flip{ color: back; }
.panel,.flip {
padding:5px;
text-align:center;
background-color:#e5eecc;
border:so
浏览 2提问于2014-12-17得票数 3
回答已采纳
我有一个MKMapView在一个UIView。没有任何问题，直到iOS7。UITabbar和UINavigationBars的颜色是由UIAppearance协议设置的。
由于某种原因，每当启动MKMapView时，我的所有选项卡和导航条都会重置，而忽略了外观类的barTintColor设置。来自UIAppearance的所有其他设置似乎都保持不变，比如标题属性和barItem属性。只有barTintColor出去了。
还有一件事。这只发生在iPhone 4和iPhone4S上，而不是在iPhone 5上，在模拟器上也不发生。在iOS6中根本不是问题。
我找不到重置的其他原因了。我仔细看了一下
浏览 0提问于2013-09-29得票数 7
回答已采纳
2回答
我试着在我的网站上做一个导航栏，它在标题上是透明的，然后在滚动后它的颜色会变成某种颜色，我写了一些js代码来达到这个目的，但在我的例子中，我有一个小问题，当我在页面上滚动并返回到标题时，导航栏不再返回透明，仍然具有颜色，只有在启动或刷新时才是透明的 <script>
var x = document.getElementById("navy");
window.onscroll = function(){
if(document.body.scrollTop >= 200)
{
浏览 20提问于2019-01-17得票数 0
回答已采纳
1回答
我有一个导航栏，当向下滚动时改变颜色，即。它在开始时和滚动变成蓝色后是透明的。我使用了以下js代码：
$(function () {
$(document).scroll(function () {
var $nav = $(".navbar-fixed-top");
$nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
});
});
我的目标是改变颜色(即当下拉菜单打开时，也可以添加类“scrolled”)。
否则，如果我使用移动电话并访
浏览 0提问于2020-04-24得票数 0
我正在尝试在react.js中添加一个透明导航栏，现在我想更改滚动导航栏的背景和文本颜色。
<div className="logo">
<a href='/'>
<img alt='logo' src={require('./images/local/Wings-Logo-512.png')}/>
</a>
</div>
scoll上的背景色应该会改变。
浏览 25提问于2019-08-17得票数 1
我希望点击一下按钮就能反转页面上的所有颜色，但我还没有学会反转颜色。有没有什么方法可以用jQuery或JS方法来实现这一点，例如： $("#button").click(function() {
$(body).invert()
} 或者我必须通过CSS方法？ 谢谢。
浏览 13提问于2020-01-17得票数 1
回答已采纳
我正在使用App.js中的React导航栏、v5和设置标题，但我想在屏幕显示时动态更改它。我尝试过this.props.navigation.navigate('ExistStock', { title: 'WHATEVER' })，但它不能像在v4中那样工作。更改导航栏标题和背景颜色的正确方法是什么？
浏览 92提问于2020-11-05得票数 1
回答已采纳
3回答
我需要一些JS和CSS的帮助。我正在使用JS隐藏和显示从一个特定的导航栏在网站上的子部分。第一个问题是，我希望JS代码只适用于导航栏，而不是同一站点上的许多其他代码。以下是JS代码：
$('a').click(function(){
$('section').hide();
$($(this).attr('href')).show();
});
下面是HTML代码。我想知道是否可以使用“导航”类来选择JS代码中的导航栏？
<ul class="navi
浏览 6提问于2015-10-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
