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

时间:2009-07-31 16:55:19

标签: jquery hover containers tooltip

我希望将鼠标悬停在图片上 - >这是一个链接

在我结束时,图像应该弹出(如工具提示)一个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!")

不起作用: - /

1 个答案:

答案 0 :(得分:7)

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

看看其中一个插件:

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