简介
jquery.tiptip 是一个非常轻量级的 jQuery 插件，用于创建漂亮的提示框。它是通过在 HTML 元素上添加 title 属性来实现的，然后通过 JavaScript 代码来初始化这些提示框。jquery.tiptip 提供了许多选项和回调函数，可以自定义提示框的外观和行为。
安装
要使用 jquery.tiptip，需要先安装它。最简单的方法是使用 npm：
npm install jquery.tiptip --save
然后在项目中引入 jQuery 和 jquery.tiptip：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------- ------------
------- -----------------------------------------------------------
------- ---------------------------------------------------------------
----- ---------------- --------------- -------------------------------------------------
-------
------
---- ---- ------- ---
-------
-------基本用法
使用 jquery.tiptip 的基本步骤如下：
- 在 HTML 元素中添加 title 属性，作为提示框的内容。
- 在 JavaScript 中调用 $(selector).tipTip() 方法来初始化提示框。
例如，以下代码将为所有带有 title 属性的链接创建提示框：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------- ------------
------- -----------------------------------------------------------
------- ---------------------------------------------------------------
----- ---------------- --------------- -------------------------------------------------
-------
------
-- -------- ----------- -- - --------------- ---- ------
-- -------- -------------- ------------ ------
--------
---------------------------- -
-----------------------
---
---------
-------
-------自定义选项
jquery.tiptip 提供了许多选项，可以自定义提示框的外观和行为。下表列出了一些常用的选项：
| 选项名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| activation | string | hover | 触发提示框的事件类型（click、focus、hover 等） |
| keepAlive | boolean | false | 鼠标移开时是否保留提示框 |
| maxWidth | string | "200px" | 最大宽度 |
| delay | number | 400 | 延迟显示提示框的时间（毫秒） |
| fadeIn | number | 200 | 淡入动画持续时间（毫秒） |
| fadeOut | number | 200 | 淡出动画持续时间（毫秒） |
| attribute | string | "title" | 提示框内容所在的属性名 |
| defaultPosition | string | "bottom" | 默认显示位置 |
| edgeOffset | number | 3 | 提示框与目标元素之间的距离 |
| content | string | "" | 自定义提示框内容 |
| enter | function | null | 显示提示框前的回调函数 |
| exit | function | null | 隐藏提示框后的回调函数 |
| afterShow | function | null | 显示提示框后的回调函数 |
| beforeHide | function | null | 隐藏提示框前的回调函数 |
| position | function | null | 计算提示框位置的回调函数 |
| delayFunction |
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38353