Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/unity3d/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 正在寻找像stackoverflow这样的鼠标悬停功能_Javascript_Jquery_Tooltip_Mouseover - Fatal编程技术网

Javascript 正在寻找像stackoverflow这样的鼠标悬停功能

Javascript 正在寻找像stackoverflow这样的鼠标悬停功能,javascript,jquery,tooltip,mouseover,Javascript,Jquery,Tooltip,Mouseover,我喜欢StackOverflow的悬停效果 我想在我的web应用程序中使用类似的功能。有人能告诉我这件事吗?这个特性叫什么?这里有图书馆吗?我用过,但我对这个印象不好 目前,我正在使用我的应用程序,这是相当旧的 编辑:Impressed在这里听起来不太好,我只想要像stackoverflow一样的鼠标悬停效果请查看此插件。使用此选项可以实现与stackoverflow相同的效果 只要用你自己做就行了。根据需要添加html和自定义css。您可以使用。像我在JSFIDEL中制作的演示一样设置动画

我喜欢StackOverflow的悬停效果

我想在我的web应用程序中使用类似的功能。有人能告诉我这件事吗?这个特性叫什么?这里有图书馆吗?我用过,但我对这个印象不好

目前,我正在使用我的应用程序,这是相当旧的


编辑:Impressed在这里听起来不太好,我只想要像stackoverflow一样的鼠标悬停效果

请查看此插件。使用此选项可以实现与stackoverflow相同的效果

只要用你自己做就行了。根据需要添加html和自定义css。

您可以使用
。像我在JSFIDEL中制作的演示一样设置动画

只要在div上添加一些漂亮的css,就可以让它看起来像这样


这里有一个更新

新的jQuery UI工具提示非常好:

动画是可控制的,工具提示是可样式化的,您几乎可以模仿StackOverflow之类的工具提示

请注意,我链接了“自定义样式”示例。它显示了如何为工具提示创建自定义样式

另外,默认情况下,工具提示显示元素的title属性。有一个例子:自定义内容以不同的方式设置,以向您显示一些选项

我不确定缺少什么功能

编辑:示例站点上的自定义内容演示出现错误,请在完整页面视图中进行检查:

编辑2:新解决方案

看着安东的回答,我认为这可以通过在原始div中添加工具提示的div并引入hoverintent来正确实现。 此外,还需要对代码进行一些清理。检查:


有一点设计,这就是你想要的。

我知道这是旧的,但我一直在寻找同样的东西,而且。。。如果有人想要一些看起来像StackOverflow的标记工具提示的东西。。。(你为什么不呢?他们太棒了)

演示:

代码:

通过StackOverflow的代码精心复制

用法:

<div class="firstElement">The thing to hover over.</div>
<div class="coolTip" id="firstElement">This is the tooltip content.</div>
要悬停的对象。
这是工具提示内容。
  • 将“coolTip”类分配给工具提示div
  • 还要为其分配一个ID,该ID与要悬停在其上的元素上的类集相匹配
  • 在页面加载时运行
    coolTips()
注意,上面示例中工具提示div的内容只是为了演示用法。您需要对工具提示内容使用HTML标记,如jsbin链接中所示,以便具有StackOverflow格式的工具提示。您还需要这里显示的所有CSS

享受:)


更新:现在检查工具提示是否会从窗口边框泄漏,并在这些情况下从右侧或底部设置动画。

除了jQuery工具提示提供的内容之外,您还需要什么才能让您印象更深刻?我知道您需要什么,但不在这里。带有可点击内容的工具提示!我们所有的例子都有工具提示关闭鼠标从原始链接。确切地说,我想要工具提示与可点击的内容。检查我的“新解决方案”,它这样做的宾果!干得好,伙计!两年前我得到了我的解决方案,但你的答案正好回答了我的问题:)