假设我有一个名为mainDiv的div，它包含一个<p>元素，里面有一些文本。我想在将鼠标悬停在第一个{{1}上时显示的同一div中创建另一个元素（<p>或<div>或其他可能吗？）在将鼠标移离第一个元素后很快就会隐藏元素。优选地，例如，第二元素中的文本被包围在黑盒子中，或者类似于Facebook照片页面标题的内容。
如何做到这一点？我正在考虑为悬停事件添加一个切换功能，但我不确定如何做到这一点，因为我对JQuery很新。另外，您是否可以提供一些CSS 来创建一个框（可能是半透明的，可能是不透明度为60％左右？），用于悬停时显示的元素？另外，如果可以使用toggle（）完成此操作，可以将toggle（）与动画速度一起使用，例如慢速还是快速（如show（慢））？
另外，我认为高z阶对于这个目标是必不可少的，但我不确定该框是否会直接显示在上方，而不是侧面，或类似的东西。
答案 0 :(得分：1)
不是真正的直接黑客攻击，但如果我背负了这项任务，我会看看jQuery Tooltip from the TOOLS库。源代码应该让您了解如何有效地实现它，或者您可以节省一些时间并使用它（或类似的库）。
答案 1 :(得分：1)
在jQuery中滑动字幕
有一个非常好的教程，关于使用jquery创建漂亮的图像半透明滑动字幕。
查看Demonstration of Sliding Captions
和教程本身位于：http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/