我已经研究了以下导航下拉菜单 here .
它可以工作并且几乎完成了,但我有一个问题。当您将鼠标悬停在导航标题上时,文本会从彩色变为黑色,然后显示下拉菜单。它应该是这样工作的,但是当您将鼠标移动到下拉菜单中的导航标题时,黑色文本(事件图像)会变回颜色并且不会保持黑色。
当下拉菜单处于事件状态并且用户正在浏览时有什么建议可以使文本(事件图像)保持黑色吗?
最佳答案
理想情况下,您应该为菜单项使用文本而不是图像。然后,您可以非常轻松地使用 CSS 来控制鼠标悬停在 <li>
上时的文本颜色。根本不需要 JavaScript。
按照您现在的方式(使用图像),我相信通过将您的 onmouseover 和 onmouseout 从 <a>
移动仍然是可能的。到 <li>
它上面。它可能需要对脚本进行一些调整才能使其正常工作,但希望您能理解这一概念:检测悬停在整个列表项(及其内容)上而不是仅在该列表项中的 anchor 标记上。
关于javascript - 导航下拉有圆 Angular 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4571171/