JQuery：在悬停时创建显示在div顶部的装箱文本
假设我有一个名为mainDiv的div，它包含一个JQuery：在悬停时创建显示在div顶部的装箱文本,jquery,css,hover,z-order,Jquery,Css,Hover,Z Order,假设我有一个名为mainDiv的div，它包含一个元素，其中包含一些文本。我想在同一个div内创建另一个元素（一个或或其他可能的东西？），当您将鼠标悬停在第一个元素上方时，该元素会显示出来，当您将鼠标移离第一个元素后，该元素很快就会隐藏起来。优选地，第二个元素中的文本被封装在一个黑框中，或者类似于Facebook照片页面标题的东西，例如 如何做到这一点？我正在考虑向hover事件添加一个切换函数，但我不确定具体如何做，因为我对JQuery非常陌生。另外，您是否可以提供一些CSS来为悬停时显示的元
或其他可能的东西？），当您将鼠标悬停在第一个
元素上方时，该元素会显示出来，当您将鼠标移离第一个元素后，该元素很快就会隐藏起来。优选地，第二个元素中的文本被封装在一个黑框中，或者类似于Facebook照片页面标题的东西，例如
如何做到这一点？我正在考虑向hover事件添加一个切换函数，但我不确定具体如何做，因为我对JQuery非常陌生。另外，您是否可以提供一些CSS来为悬停时显示的元素创建一个框（可能是半透明的，可能不透明度为60%左右？）？另外，如果这可以通过toggle（）实现，那么toggle（）是否可以与动画的速度一起使用，例如慢或快（如show（slow））
此外，我认为高z顺序对实现这一目标至关重要，但我不确定方框是否会直接显示在上方，而不是侧面，或者类似的地方。这不是直接的黑客攻击，但如果我有这个任务的负担，我会看一看库。源代码应该让您知道如何有效地实现它，或者您可以节省一些时间，改用它（或类似的库）。jQuery中的滑动标题
关于使用jquery创建漂亮的图像半透明滑动字幕，有一个非常好的教程
看看
而教程本身位于：