Tooltip(工具提示)是网站中的一个小功能,但却有很重要的作用,常用于显示一些温馨的信息提示和指引。创意的工具提示功能能够加深用户对网站印象,增加网站的用户粘度。
因此,今天这篇文章向大家推荐的6款优秀的 jQuery Tooltip 插件就是用于帮助你在网站中加入漂亮的工具提示效果。
jQuery TipTip
这是一款效果精美的 jQuery Tooltip 插件,可以定制方向。使用示例:
$(function(){ $(".someClass").tipTip({maxWidth: "auto", edgeOffset: 10}); });
jQuery Tools Tooltip
这是 jQuery Tools 开发工具包的组件之一,可以自定义功能和外观。效果演示:
- Using any HTML inside the tooltip
- Imitating browsers default tooltip
- Using tooltips in form fields
- Using tooltips in tables or lists
- Custom tooltip effect
- Dynamic positioning of the tooltip
jQuery Horizontal Tooltips
效果简洁的水平方向 Tooltip,有详细的制作和实现教程可以参考。
Shiny Tooltips
非常光滑,充满质感的 Tooltip 效果,支持8种漂亮的颜色,包含 PSD 和使用手册。
Coda Popup Bubble
这是一个弹出气泡效果的 Tooltip 功能,有详细的使用教程。