将鼠标悬停在一个div上,然后显示另一个div中的内容

时间:2018-02-11 20:23:00

标签: javascript menu tabs hover

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

任何人都知道如何修改代码来实现这个目标吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以删除胡佛的样式并将其替换为事件侦听器:mouseover和mouseout。然后,您可以向这些事件侦听器添加函数以显示然后再次隐藏相关内容。在这里,您可以查看如何添加鼠标悬停和鼠标移出事件监听器:Add 3 event listenres