Question

当用户将鼠标悬停在特定元素上时，我希望显示一个div（向上和向右），他们可以单击该对话框以弹出对话框。 div看起来几乎就像一个工具提示。当他们徘徊时div会消失。

Answer 1

如果您想在一个地方快速创建自己的地点，那么很容易做到。

jquery代码：

$('[id$=idOfElement]').mouseover(function () {
    $('[id$=divToShow]').show();
}).mouseout(function () {
    $('[id$=divToShow]').hide();
});

HTML：

<div ID="div_Tooltip" style="display:none; position:absolute; top:0; left:100px;"> Content to Show </div>

您所要做的就是将div准确定位在您想要弹出的位置。但是，如果您要在页面上有多个工具提示，我会使用一个插件，例如JimP推荐的插件。

Answer 2

这是您正在寻找的链接。 http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

这是一个非常方便的工具提示插件，我已经多次使用过。无论您的特定需求是什么，都可以轻松修改和扩展。

干杯。

Answer 3

您可以使用.hover();和CSS

的组合轻松地自行编码

$("div.someclass").hover(function(){
    $("div.someclass div.tooltip").show(); //or use fade in
}, function(){
    $("div.someclass div.tooltip").hide(); //or use fade out
});

假设您不想使用其他答案中描述的插件

Answer 4

看一下jQuery ClueTip插件，它能够处理你正在寻找的功能

jquery显示浮动div

4 个答案: