图像/链接的 jquery onmouseover 在同一位置显示一个 div（工具提示）答案

【问题标题】：jquery onmouseover of an image/link shows a div at the same position (tooltip)图像/链接的 jquery onmouseover 在同一位置显示一个 div（工具提示）
【发布时间】：2009-07-31 16:55:19
【问题描述】：

我想将鼠标悬停在图片上 -> 在链接中

在我结束时，图像应该弹出（如工具提示）一个 div，我也可以在其中填充一些东西 - 有什么想法吗？！

$this 是包含 img 的链接：我在其中找到了图像，并希望在图像上方跨越一个 div 并制作一些 jquery 效果，让用户获取信息，单击图像会放大它

        $(this).parent().append($("<div/>")
                        .css({ "display" : "block", "left" : img.x, "top" : img.y,  
                            "width" : img.width, "heigth" : img.heigth, "border" : "1px solid red"})
                        .text("Click me!")

不起作用：-/

【问题讨论】：

请稍微扩展一下您想要的内容...您要弹出一个表单还是只是一个信息 div？
@Jason div 里面是否有东西有关系吗？

标签： jquery hover containers tooltip

【解决方案1】：

我相信您正在寻找一个工具提示功能，已经有一些安静的工具提示插件可用，即使是自定义内容、文本、格式化文本、自定义布局，甚至是 ajax 内容。

看看这些插件之一：

有些人比其他人有更多的选择，我在一些网站上使用了 simpletip，它很棒虽然内容有限，但你想要的可能更像是 Qtip

【讨论】：

我不想要任何插件，只需要核心库：-S
如果插件写得好，我会选择插件（大多数时候我会自己找到一种方法，但时间是插件的两倍）......但是如果您想自己实现这一目标，我可以理解。