5个最佳javascript和jQuery工具提示插件

Github

Tipso是一个轻量级的jQuery Tooltip插件。使用CSS非常容易实现和自定义。

文献资料

Tipped是一个完整的javascript工具提示解决方案, 可用于创建可在任何设备上的每个浏览器中完美运行的工具提示。

Github

享受用纯JavaScript编写的工具提示, 以及用CSS实现的平滑3D动画。没有框架依赖性。

Github

Protip是一个很棒的jQuery工具提示插件。提供许多可用的设置, 以根据我们的需求自定义插件：

• 49个位置(工具提示的位置)
• 实时刷新工具提示选项。
• 实时元素检查(元素已删除？->工具提示应该消失)。
• 重力：如果屏幕不适合, 请找到更好的位置。
• DOM目标：追加到根或另一个目标元素中。
• 位置：外部, 内部, 边框, 中心
• 单击激活和粘性工具提示。
• 自定义HTML内容
• 互动工具提示
• 进/出延迟
• 自动隐藏
• 图标支持
• 皮肤, 大小, 方案
• 动画支持
• Mixins(仅CSS, 即将推出基于JS)
• 自定义事件回调
• UMD支持

Github

Tooltipster是一个功能强大且灵活的jQuery插件, 可让你轻松创建借助CSS增强的语义, 现代工具提示。

Tooltipster的选项为你提供了多种变量, 可根据你的内心需求调整工具提示。

Github

Balloon.css使你可以在不使用JavaScript且仅使用几行CSS的情况下, 向元素添加工具提示。是的, 尽管此插件不需要javascript或jQuery, 但值得一提, 因为它非常有用且易于使用。

如果你认为我们忘记了另一个很棒的工具提示插件, 请随时在评论框中与我们分享。