纯css导航切换 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

如何在Next.js中添加bulma.css切换导航栏？

next.js、bulma

我已经在我的Next.js项目中添加了bulma.css，并且一切运行正常，但是导航栏切换不起作用，因为需要添加一些纯javascript代码，而React不提供纯DOM事件

浏览 0提问于2018-10-21得票数 1

2回答

如何使用纯CSS创建移动导航切换？

css、navigation、toggle

因此，我试图添加一个移动导航，为了使它工作，我只想使用纯css。没有javascript。我不允许向文件中添加JS代码。标记(我不能触摸nav-menu类中的任何内容)： </ul></div

浏览 0提问于2015-06-05得票数 2

回答已采纳

1回答

如果菜单纯粹由CSS驱动，则更新aria-隐藏属性。

javascript、html、css、accessibility、screen-readers

目前我正专注于我的导航。因为如果您真正想要的项是嵌套的，那么谁想遍历菜单上的所有项呢？因此，我正在工作的网站有一个完全基于CSS的下拉菜单，我正在用javascript对其进行扩展，使其键盘可访问，并添加了aria属性以帮助屏幕阅读器。我的问题是考虑到我现有的菜单是纯CSS的，我想知道我现在是否需要在菜单的一部分可见时用javascript来更新aria隐藏属性？任何使用纯CSS来显示/隐藏内容的东西现在都需要用javascript来增强，这让我感到很不舒服--这似乎违背了<

浏览 3提问于2012-12-05得票数 1

1回答

将两个ul元素并排放置在菜单中，然后更改为单击而不是悬停。

css、menu、vertical-alignment

我有这个菜单只使用CSS和HTML。有些子菜单很长，所以我想把它们划分成最多5个项目的单独列表，并排显示，而不是在彼此下面显示。因此，我将它们放在一个<div>中，并创建了两个单独的<ul>项。除此之外，我想让菜单打开click上的子级别，而不是hover，但是我想仅仅使用CSS是不可能的。在javascript中最好的方法是什么？

浏览 1提问于2013-08-28得票数 1

回答已采纳

3回答

CSS Sprite导航问题

css、html-lists、sprite

我已经建立了一个CSS雪碧图导航。除非UL列表的顺序与样式表的顺序不同，或者不使用所有的li元素，否则导航功能正常。

浏览 1提问于2012-05-15得票数 0

2回答

切换菜单与纯css？

javascript、css

我想知道是否可以用纯CSS制作我的菜单。现在我用javascript修改css。HTML：<div class="subItemclass="menuItem" onclick=&qu

浏览 3提问于2013-08-22得票数 0

回答已采纳

2回答

使用纯css切换按钮

css、togglebutton

我有一个切换按钮，我正在尝试使用一个复选框和纯css。

浏览 0提问于2018-09-11得票数 1

5回答

是否可以使用jQuery根据背景滑块图像名称更改字体颜色？

javascript、jquery、html、css

我试图根据背景图像的颜色来更改导航的字体颜色，这是一个图像滑块。我通过查看图片名"dark.png“或"light.png”的末尾来改变字体颜色，从而在导航中添加一个类，但我不知道如何让它在滑块每次切换图像时更改字体颜色。另外，我意识到我在我的示例中混合了纯JavaScript和jQuery，所以如果有人有一个纯jQuery解决方案，那就太棒了。<body>

浏览 3提问于2015-07-02得票数 2

回答已采纳

4回答

类似于CSS3的.click()的？

javascript、jquery、css、css-selectors

我使用纯CSS导航已经有几年了，最近我们开始在我工作的公司建立一些移动网站。我真的很想继续使用纯CSS，注意依赖于jQuery，但在移动网站上，下拉菜单不能正常工作。在CSS3中有没有类似于jQuery的.click();事件？基本上，当用户单击导航链接时，我希望下拉菜单打开并保持打开状态。我试着到处找，但似乎什么也找不到。

浏览 2提问于2013-06-20得票数 0

回答已采纳

1回答