tooltip插件_10个jQuery Tooltip插件和教程

tooltip插件

网站上的工具提示很小，可以在网站设计中发挥重要作用。 如果您网站上的工具提示制作精良并且看起来很棒，那么它可以提高访问者对您网站的印象。 这就是为什么jQuery提供完善的工具提示的原因。 您可以在下面找到我们的10个jQuery Tootltip插件教程。 玩得开心！

1. jQuery的翻转和工具提示

当鼠标悬停在导航图标上时，显示一个很好的工具提示。 利用jQuery的html标签属性操纵。

资源

2. TinyTips

这是一个非常轻量级的jQuery插件，可以将工具提示添加到页面上几乎所有元素上。 详尽记录且对设计师友好。

资源

3.技巧– JavaScript工具提示框架

提示可让您使用所选JavaScript框架轻松创建漂亮的工具提示。 从流行的Prototip库发展而来，Tipped通过使用HTML5使工具提示更上一层楼，使您可以完全控制工具提示的外观。

资源

4.肮脏的提示

它是一个工具提示插件，可以轻松创建时尚的工具提示，还包括此类脚本的最有用功能。

资源

5.可爱的气球

这是一个jQuery脚本，可让您轻松制作带有AJAX内容的美容工具提示提示框。

资源

6.人性化的信息

这是一个基于JavaScript的非模型通知系统，由杰夫·拉斯金（Jef Raskin）提出，由阿扎·拉斯金（Aza Raskin）中继并适用于jQuery，最初由Michael Heilemann与K2一起使用。

资源

7.动态工具提示

非常酷的工具提示！ 它制作精良，因为它包含很酷的过渡效果，并且还具有透明度和阴影效果。

资源

8. Coda弹出气泡

非常不错的工具提示，具有很酷的过渡效果，并且还具有投影效果。

资源

9.很棒

凉爽的工具提示，具有不错的过渡效果，周围有凉爽的透明边框。

资源

10.提示

制作精美的工具提示，带有淡入/淡出过渡效果，透明度和阴影效果。

资源

翻译自: https://www.sitepoint.com/10-jquery-tooltip-plugins-tutorials/

tooltip插件