繁体 English 中英

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

[英]Hover over one div and content in another div appears

原文 2018-02-11 20:22:59 4 1 javascript/ menu/ tabs/ hover

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

任何人都知道我如何修改代码以实现这一目标？

谢谢！

1 个解决方案

您可以删除 hoover 的样式并用事件侦听器替换它们：mouseover 和 mouseout。 然后，您可以向这些事件侦听器添加函数以显示然后再次隐藏相关内容。 在这里您可以查看如何添加鼠标悬停和鼠标移出事件侦听器：添加 3 个事件侦听器

将鼠标悬停在一个div上并更改另一个

[英]Hover over one div and change another

将鼠标悬停在一个div上，在另一个div中生成图像的不透明度（使用jquery）

[英]Hover over one div, effect the opacity of an image in another div (with jquery)

jQuery悬停-允许悬停在另一个DIV上，按钮悬停时会出现

[英]Jquery Hover - allow hover on another DIV the appears on hover of a button

当我们将鼠标悬停在另一个div上时，隐藏的div出现并移动

[英]Hidden div appears and MOVE as we hover on another div

在另一个div悬停时隐藏一个div

[英]Hide one div on hover of another div

将鼠标悬停在div内容上以显示新的div内容

[英]Hover over div content to reveal new div content

悬停在一个div中，触发效果悬停在另一个中

[英]hover in one div that trigger the effect hover in another

将鼠标悬停在链接上时更改div内容？

[英]Change div content when hover over link?

在另一个元素上悬停时更改div内容

[英]Changing div content on hover in another element

一个div的内容与另一个div重叠

[英]content of one div overlapping to another div

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将鼠标悬停在一个div上并更改另一个将鼠标悬停在一个div上，在另一个div中生成图像的不透明度（使用jquery） jQuery悬停-允许悬停在另一个DIV上，按钮悬停时会出现当我们将鼠标悬停在另一个div上时，隐藏的div出现并移动在另一个div悬停时隐藏一个div 将鼠标悬停在div内容上以显示新的div内容悬停在一个div中，触发效果悬停在另一个中将鼠标悬停在链接上时更改div内容？在另一个元素上悬停时更改div内容一个div的内容与另一个div重叠

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM