问题标签 [nav]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
478 浏览

css - 获取 a:hover 以调整多个类/ID

一直在努力工作,我已经看过很多地方了,非常感谢任何帮助。

基本上我有一个导航菜单,它由几个翻转图像组成(正常状态“左上角”,悬停状态“左下角”,它们当前配置为通过 css 单独翻转 - 这些看起来像这样:

现在我想要实现的是,当我将它们中的任何一个悬停时,让它们全部翻转。所以说我悬停在“档案”上;以下将翻转“档案,联系,关于”

我已经尝试了以下方法,但没有成功(不透明度子句完全符合我的要求,但由于某种原因,这似乎不适用于“背景位置”):

我将如何实现这一目标?提前感谢您的帮助!

0 投票
4 回答
2856 浏览

javascript - 点击时导航 addClass/removeClass

我有一个菜单链接到同一页面上的内容,并通过 jQuery 淡入淡出 div,完美运行。

导航中的第一个链接附加了一个类(current_page_item),我想在单击导航中的任何其他链接时删除该类并将其添加到单击的链接中。

到目前为止,我已经尝试过类似的东西:

这是行不通的。

我对 javascript 非常陌生,因此我们将不胜感激。

谢谢!

编辑:

这是导航的 HTML:

编辑2:

使用下面的答案似乎仍然无法达到我想要的效果。也许是因为我正在使用的 jQuery 插件(魔术线)。关联

所以基本上我希望'线'留在点击的下方。如果我在正确的位置加载一个带有“current_page_item”的新页面,这会起作用,但是当我淡入淡出 DIV 时,我不能这样做。

该行反弹回具有“current_page_item”类的 li 项目。也许可以修改此代码以将类添加到单击的元素?

这是代码。

0 投票
1 回答
1051 浏览

jquery - 单击导航时,Jquery Scrollable 无法停止自动播放

我正在使用可通过导航滚动的 jquery UI 工具。我想要它自动播放,这很好,但是每当我与导航交互时,时间都会变得很时髦。

当我单击任何导航链接时,我希望它停止。我似乎无法停止滚动!

这是启动它的代码:

HTML:

激活它的Jquery:

我试过这个,但没有奏效:

然后我尝试将 js 添加到实际按钮中,但我认为我没有正确指定它 - 类似下面的代码是否需要其他东西来确定可滚动区域 - 滚动内容位于 ul 上方的单独 div 中。导航:

我还尝试将 clickable: false 添加到 history: false 下的导航器部分,但这也不起作用。

任何人都可以帮忙吗?

0 投票
1 回答
434 浏览

jquery - Jquery下拉菜单在悬停时消失

我设置了一个典型的导航栏,当您将鼠标悬停在一个元素(“我们的团队”)上时,会出现一个下拉列表(使用下面的 jquery):

然后,当您将鼠标悬停在下拉菜单 ( #dropdown) 上时,下拉菜单会淡出(因为我将鼠标悬停在菜单项之外)导航菜单。

有任何想法吗?您可以在http://pixelcakecreative.com/cimlife/看到一个工作示例

0 投票
1 回答
127 浏览

javascript - 100% 导航栏,带有用于结束和重复模式的透明 png

我正在尝试创建一个导航栏,它将扩展页面的 100% 宽度并使用 3 个单独的 png 作为背景。2个png用于边缘,另一个将是背景中的重复图案。我完全不知道如何做到这一点。我不能绝对将边缘定位在单独的 div 中,因为它们是透明的,然后会与已经透明的重复图案重叠。我也不能为 div 添加 bg 颜色,因为您需要能够看到下面的内容。

任何帮助都会很棒。

谢谢!

0 投票
2 回答
1731 浏览

css - 如何在 IE8 及以下版本中将有序列表显示为水平导航栏?

我创建了一个新设计,其中包含一个导航元素和一个列表作为导航栏的基础,以尽可能地符合语义。我使用 CSS 对其进行样式设置,使其成为导航链接的水平列表。它被封装在一个 nav 元素中,并且被设计为具有黑色背景并与页面顶部齐平并扩展浏览器窗口的宽度。

我已经在许多浏览器中查看了该站点,并且列表是水平的并且按预期显示 - 即使在 IE9 中也是如此。但是,在 IE8 或更低版本中,它是页面左上角的垂直列表,并且根本没有 nav 元素的样式。我正在使用 HTML5 文档类型,因此 IE8 应该处于标准模式。

这是我要设置样式的 HTML。

这是我正在使用的 CSS。

最后,这是我正在使用的 CSS 重置。它有一个用于旧浏览器的 HTML5 显示角色重置部分。

0 投票
1 回答
44 浏览

nav - 具有固定大小数组的 Com 接口

我需要使用实现一个固定大小的数组参数的方法公开一个 COM 接口。数组大小是固定的,因为使用者基于您必须声明数组大小的技术。所以我可以做这样的事情

它对我有用,但消费者存在不同的尺寸错误。

我想写这样的东西

或这个

但是 Vstudio 2010 给我一个错误...

0 投票
1 回答
394 浏览

jquery - HTML CSS jQuery 2 层菜单问题

因此,我制作了一个 html css jquery 导航菜单的超级精简版,并给出了下面的代码,它处理子菜单项就好像它是包含 li 一样。我想我可以理解它将子菜单 ul 视为 li 的一部分。问题变成了我如何分离这种行为,这样子菜单链接实际上会被遵循而不是阻止默认。

编辑:我希望所有顶级链接和子菜单链接都能正常工作。我试图操纵的唯一事情是具有子菜单的顶级 li。

0 投票
1 回答
1467 浏览

jquery - 如何在 jQuery 下拉菜单中向父元素添加/删除 CSS 类

我有这个小提琴:http: //jsfiddle.net/tatygrassini/tZBXe/

具有 1 级深子菜单的水平下拉菜单。所有带有 :hover 样式的菜单链接。

单击父级后,子菜单会向下滑动,您将鼠标悬停在外,子菜单会隐藏起来,到目前为止还可以。

Add/Remove my CSS class当单击以更改其背景颜色以伪造“焦点”状态时,我想给父级一个 CSS 类(.focus)。

在 jsfiddle 中,当您单击 时Add/Remove my CSS class,您会看到它的背景颜色会在一秒钟内变为红色,这是因为 :active CSS 样式。
因此,即使您将鼠标悬停在子菜单链接上,父链接仍处于“焦点”状态,但是,当您悬停时,“焦点”CSS 类将被移除以实现其正常状态 CSS。

0 投票
2 回答
503 浏览

css - 导航菜单上的白色悬停框

我的网站:http ://reckless-gaming.com/aT/ 是一个游戏网站。

但是当您将鼠标悬停在顶部的导航菜单上时,第一次悬停时,会出现一个白色框,然后消失。我所有的导航 CSS 编码都是正确的,至少我希望如此。