寻找像计算器鼠标悬停功能(Looking for a mouseover feature like

我爱StackOverflow上的悬停效果。

我想用类似的功能在我的web应用程序。 有人可以让我知道呢？ 此功能的叫？ 是否有任何库可用于此？ 我用jQuery的工具提示 ，但我不留有深刻的印象之一。

目前我使用overLib库在我的应用程序，它是很老。

编辑：留下深刻的印象并不很好听在这里， 我只是想有一个像计算器鼠标悬停效果 。

Answer 1:

我知道这是老了，但我一直在寻找同样的事情，而且......如果任何人想要的东西， 实际上看起来像StackOverflow上的标签提示......（为什么不呢？他们是完全真棒）

演示： http://jsbin.com/korehubi/10

代码： http://jsbin.com/korehubi/10/edit

通过StackOverflow的代码去刻意转载。

用法：

<div class="firstElement">The thing to hover over.</div>
<div class="coolTip" id="firstElement">This is the tooltip content.</div>

• 分配“coolTip”类的提示股利。
• 还为它分配匹配要悬停在元素上一类集的ID。
• 运行coolTips()在页面加载。

请注意，在示例中的提示div的内容上面只是为了演示使用。 您需要使用HTML标签提示内容如图所示jsbin环节，才能有StackOverflow上式的格式化工具提示。 你还需要有显示的所有CSS。

请享用 ：）

更新：现在检查，如果提示会泄漏出来的窗口边框，并在代替这些情况下，右侧或底部动画。

Answer 2:

新的jQuery UI的提示是相当不错的： http://jqueryui.com/tooltip/#custom-style

动画是可控的，该工具提示设置样式，你几乎可以模仿StackOverflow的类似提示。

请注意，我挂你的“自定义样式”的例子。 它表明你如何让自定义样式工具提示。

还通过默认工具提示示出了元件的title属性。 有一个例子： http://jqueryui.com/tooltip/#custom-content其中自定义内容以不同的方式向您展示几个选项设置。

我不知道缺什么功能。

编辑：自定义内容的演示是在窃听示例站点，检查它在全页视图： http://view.jqueryui.com/menubar/demos/tooltip/custom-content.html

EDIT2： 新的解决方案

看着安东的答案，我认为这可以通过添加工具提示的DIV原来的DIV中，并引入hoverintent正确。 另外，代码有点消毒是为了。 检查： http://jsbin.com/anegip/2/edit

http://jsbin.com/anegip/3/edit

随着一点点的设计，这就是你想要的。

Answer 3:

请看看这个插件。 使用这个可以实现的计算器为同一同样的效果。 点击这里

Answer 4:

只是通过让urself （链接） 。 添加HTML，并根据您的需要自定义的CSS。

Answer 5:

您可以使用.animate这样的演示中，我取得了jsfiddel http://jsfiddle.net/qJ8NB/1/

只需添加在DIV上一些不错的CSS，你可以使它看起来像这样。

下面是一个UPDATE http://jsfiddle.net/qJ8NB/11/

文章来源: Looking for a mouseover feature like stackoverflow