假设我有一个名为 mainDiv 的 div，它包含一个<p>元素，里面有一些文本。我想在您将鼠标悬停在第一个元素上时显示的同一个 div 内创建另一个元素（可能是 a<p>或 a<div>或其他东西？），并且在您将鼠标移离第一个元素后很快隐藏。优选地，第二个元素中的文本被封闭在一个黑盒子中，或者类似于Facebook照片页面标题的东西，例如。<p>
如何才能做到这一点？我正在考虑为悬停事件添加一个切换功能，但我不确定该怎么做，因为我对 JQuery 很陌生。另外，您能否提供一些 CSS来为悬停时显示的元素创建一个框（可能是半透明的，可能不透明度为 60% 左右？）？此外，如果这可以通过 toggle() 来完成，是否可以将 toggle() 与动画速度一起使用，例如慢或快（如 show(slow) 中的）？
另外，我认为高 z 顺序对于此目标至关重要，但我不确定该框是否会直接显示在上方，而不是侧面，或类似的东西。