20个很棒的Javascript&CSS工具提示库

工具提示是当用户将光标置于HTML元素上方时显示的小弹出文本。 工具提示 显示一些其他信息很有用。 Web表单中的输入字段就是这种情况的完美示例。因此,在本文中,我们收集了20个很棒的库,用于使用以下工具实现美观的工具提示 的CSS和Javascript.

注释器专业版

简单的图像注释,工具提示和缩放。

注释器专业版-图像工具提示& Zooming

Popper.js

它是一种定位引擎,其目的是计算元素的位置,以使其可以定位在给定的参考元素附近。

Popper.js

系绳

这是一个JavaScript库,用于有效地使绝对定位的元素停留在页面上的另一个元素旁边。例如,您可能希望工具提示或对话框打开并保持在页面上相关项目的旁边。

系绳

提示

它是作为纯CSS资源编写的,您可以使用它为Web应用程序创建很酷的辅助工具提示。

提示

Tippy.js

这是一个高度可定制的Vanilla JS工具提示和Popover库,由Popper.js提供支持。

Tippy.js

盒子

这是一个jQuery插件,可轻松创建可自定义的工具提示,模态窗口,图像库等

盒子

反应波普尔

反应围绕Popper.js的包装器。

反应波普尔

html5tooltips.js

用纯JavaScript编写的工具提示,以及用CSS实现的平滑3D动画。无需框架。

html5tooltips.js

动力提示

它具有非常灵活的设计,易于定制,为您提供了多种使用工具提示的方法,具有面向开发人员的API,并支持在工具提示中添加复杂的数据。它正在积极地开发和维护,并提供了非常流畅的用户体验。

动力提示

grumble.js

牢骚可以围绕给定元素以任何角度(全360度)旋转。可以指定任何距离。可以应用任何CSS样式。那里’用于与本地化文本一起使用的自动魔术大小调整。 FX排队制作动画效果。它适用于IE6 +和现代浏览器。

grumble.js

微尖

一个现代,优雅且最小的,仅css的工具提示库。

微尖

v工具提示

Popper.js提供了简单的工具提示,弹出窗口和下拉菜单。

v工具提示

温克

这是一个轻量级的工具提示,可在纯CSS,使用PostCSS,Less或SCSS的cssnext中使用。

温克

图蒂克

纯CSS / SCSS / LESS工具提示库。超级易于使用,无需JavaScript。

图蒂克

d3.tip

该javascript库为d3.js可视化提供了工具提示,例如条形图。工具提示在单位的选择和标签上显示值。可以对它们进行样式设置,显示,隐藏,定位和更新。

d3.tip

反应js-Popup

它是一个简单的反应弹出组件,具有很多优点。

反应js-Popup

jsPanel

一个JavaScript库,用于创建可高度配置的浮动面板,模式,工具提示,提示/通知程序/警报或上下文菜单,以供后端解决方案和其他Web应用程序使用。

jsPanel

提利

这是一个具有0个依存关系的JavaScript工具提示库,其目的是在不忽略关键功能的情况下尽可能地小。缩小和压缩后,当前的重量不到650个字节。

提利

斑马

它是一个轻量级的jQuery工具提示插件,用于创建简单但又智能且在视觉上引人入胜的工具提示,具有很好的过渡效果,4个主题,并提供了广泛的配置选项。

斑马工具提示

纯JS MouseTip

用于创建跟随鼠标的工具提示的纯JavaScript解决方案。

纯JS MouseTip

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.