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

回答

相關問題