图像/链接的jquery onmouseover在同一位置显示div(工具提示)

Question

我想将鼠标悬停在图像上 - >这是一个链接

在我结束时,图像应该弹出(如工具提示)一个div,我可以用一些东西填充 - 任何想法？!

$这是包含一个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!")

不起作用: - /

Answer 1

我相信你正在寻找一个工具提示功能,即使有自定义内容,文本,格式化文本,自定义布局甚至是ajax内容,也可以使用一些工具提示插件.

看看其中一个插件:

• Qtip插件:http://craigsworks.com/projects/qtip/
• jQuery插件工具提示:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
• SimpleTip:http://craigsworks.com/projects/simpletip/
• ClueTip:http://plugins.learningjquery.com/cluetip/
• wTooltip:http://wayfarerweb.com/wtooltip.php

有些人比其他人有更多的选择,我在一些网站上使用simpletip而且虽然内容有限但很棒,你想要的东西可能更像Qtip