navigation 相关问题

我试图突出显示我所在的导航栏部分，但我发现的文章对我不起作用。我搜索了文章，但发现的文章对我不起作用。这是我的 html 代码：我试图突出显示我所在的导航栏部分，但我发现的文章对我不起作用。我搜索了文章，发现的那些对我不起作用。这是我的html代码： <nav> </div> </label> <script src="nav.js"></script> <label class="logo"><a href="index.html">JR-Koders</a></label> <ul> <li><a href="index.html" class="active text">Home</a></li> <li><a href="nav.html" class="text">News</a></li> <li><a href="j-koders.html" class="text">J-Koder</a></li> <li><a href="r-koder.html" class="text">R-Koder</a></li> <li><a href="koders.html" class="text">Koders</a></li> <li><a href="search.html"><i class="fa fa-search text"></i></a></li> </ul> </nav> <script type="text/javascript"> // Hamburger var menu = document.getElementById("hamburger"); menu.onclick = function(){ menu.classList.toggle("openhamburger"); } // End of this section </script> 这是我的CSS代码： *{ padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; } body{ font-family: arial; } nav{ background: black; color: #20C20E; height: 80px; width: 100%; } .text{ color: #20C20E; } label.logo{ color: white; font-size: 35px; line-height: 80px; padding: 0 100px; font-weight: bold; } nav ul{ float: right; margin-right: 20px; } .our-logo{ width: 70px; } a { color: inherit; } nav ul li{ display: inline-block; line-height: 80px; margin: 0 5px; } nav ul li a{ color: white; font-size: 17px; text-transform: uppercase; padding: 7px 13px; border-radius: 3px; } a.active,a:hover{ background: #1b9bff; transition: .5s; } label.a:hover { background: #1b9bff; transition: 3s; } 我也有让我的导航栏响应的代码，但我没有将其包含在此处，但我希望它能起到同样的作用我在代码中看不到任何 ID 为“hamburger”且 css 类为“openhamburger”的 html 元素。您要突出显示的部分应指定 ID 名称“hamburger”或提供 ID 为“hamburger”的 our 元素。（正如您在代码的 javascript 部分中提到的 menu = document.getElementById("hamburger") ）您想要突出显示的方式应该用类名“openhamburger”的css编写（因为您在javascript代码中提到了menu.classList.toggle(“openhamburger”)）。我假设您想在单击汉堡包图标时突出显示导航栏例如： HTML： <div onclick = "highlightNavbar()">☰</div> <nav id= "hamburger" >  </nav> CSS： /* Style in such a way you want to highlight navbar */ .openhamburger{ position:relative; top: 30px; color: deeppink background-color:grey; } Javascript： <script> function highlightNavbar(){ var menu = document.getElementById("hamburger") menu.classList.toggle("openhamburger"); } </script> 上面的代码是根据你的javascript中给出的Id名称和类名称。

html css navigation highlight current-page

回答 1 投票 0

如何使用 jetpack 撰写导航应用可选参数？

我已阅读：https://developer.android.com/jetpack/compose/navigation#optional-args 这是我的代码：重写 fun getComposableSettings(): ComposableSettings { 返回可组合设置（...

android kotlin navigation arguments android-jetpack-compose

回答 1 投票 0

在转到视图控制器之前为导航栏后退操作添加警报

所以我有一个添加条目 vc ，对于后退按钮，我希望弹出一个警报来询问用户是否要继续，因为他们的信息将丢失。我一直在阅读并发现可以使用这个

swift navigation tableview back

回答 3 投票 0

是否可以创建一个导航栏，在结构发生变化时更新所有页面？

如果我表达得不好，我很抱歉。我刚刚编写了一个产品评论网站。我在每个页面的标题中都有导航栏代码，当然我将其从一个页面粘贴到另一个页面。不过，我可能...