jquery显示浮动div

当用户悬停在一个特定的元素，我希望显示一个div（向上和向右），他们可以点击弹出一个对话框。 div会出现几乎像一个工具提示。当他们悬停时div会消失。jquery显示浮动div

来源

2011-06-14 tim

你到底有哪一部分有问题的功能？可以用你的确切代码发布[jsFiddle]（http://jsfiddle.net）？ – kapa 2011-06-14 14:59:07

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

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

干杯。

来源

2011-06-14 14:54:28 JimP

您可以自己很容易地与.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 
});

代码这个假设你不希望如果你想快速做出使用对方的回答

来源

2011-06-14 14:58:49

描述的插件你只有一个位置，这很容易做到。

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推荐的插件。

来源

2011-06-14 15:00:16

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

来源

2011-06-14 15:01:13 Mutt

jquery显示浮动div

回答

相关问题