将鼠标悬停在一个 div 上并出现另一个 div 中的内容答案

【问题标题】：Hover over one div and content in another div appears将鼠标悬停在一个 div 上并出现另一个 div 中的内容
【发布时间】：2018-02-11 20:22:59
【问题描述】：

我正在使用此垂直标签https://www.w3schools.com/howto/howto_js_vertical_tabs.asp 的代码，但我不希望在加载页面时默认打开顶部项目（在本例中为“伦敦”）。我需要其他 div 中的内容仅在我将鼠标悬停在每个项目上时出现，而不是在单击后保持原位。我试过删除 html 和 javascript 中的“OpenBydefault”代码，但它没有改变任何东西，只有悬停效果。

有人知道我可以如何修改代码来实现这一点吗？

谢谢！

【问题讨论】：

那么你有什么尝试？你的代码在哪里？您是否在控制台中遇到任何错误？
您可能想要利用“mouseover”和“mouseout”javascript 事件，如果您熟悉 jQuery，那么这个 SO 答案可能会有所帮助：stackoverflow.com/questions/25426717/…

标签： javascript menu tabs hover

【解决方案1】：

您可以删除 hoover 的样式并将其替换为事件侦听器：mouseover 和 mouseout。然后您可以向这些事件侦听器添加函数以显示然后再次隐藏相关内容。在这里您可以查看如何添加 mouseover 和 mouse out 事件侦听器：Add 3 event listenres

【讨论】：