javascript - 导航下拉有圆 Angular 问题

标签 javascript css drop-down-menu nav

我已经研究了以下导航下拉菜单 here .

它可以工作并且几乎完成了,但我有一个问题。当您将鼠标悬停在导航标题上时,文本会从彩色变为黑色,然后显示下拉菜单。它应该是这样工作的,但是当您将鼠标移动到下拉菜单中的导航标题时,黑色文本(事件图像)会变回颜色并且不会保持黑色。

当下拉菜单处于事件状态并且用户正在浏览时有什么建议可以使文本(事件图像)保持黑色吗?

最佳答案

理想情况下,您应该为菜单项使用文本而不是图像。然后,您可以非常轻松地使用 CSS 来控制鼠标悬停在 <li> 上时的文本颜色。根本不需要 JavaScript。

按照您现在的方式(使用图像),我相信通过将您的 onmouseover 和 onmouseout 从 <a> 移动仍然是可能的。到 <li>它上面。它可能需要对脚本进行一些调整才能使其正常工作,但希望您能理解这一概念:检测悬停在整个列表项(及其内容)上而不是仅在该列表项中的 anchor 标记上。

关于javascript - 导航下拉有圆 Angular 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4571171/

相关文章:

html - 在下拉菜单中设置单个选项的字体?

javascript - react : Map an array inside object

javascript - 页面刷新后如何重定向到主页 View -AngularJS

javascript - 如何更改警告框的样式?

javascript - 使用 JQuery 按百分比扩展现有 CSS 样式

html - 图片放在 table 上 - HTML 邮件

javascript - d3.js v4 父级值大于子级总和的分区 (node.sum)

javascript - 设置默认选中的单选按钮,仅当在 React 中传入 prop 时

javascript - 将自动更改区域选项的国家/地区下拉列表

javascript - 如何确保使用 javascript 更新选择也会触发 onchange 事件监听器?