jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI 工具提示小部件帮助我们添加新主题并允许自定义。在本文中,我们将看到如何使用 jQuery UI 工具提示中的显示选项。节目 选项用于在 jQuery UI 工具提示中显示时添加动画效果。默认情况下,该值为true 。
句法:
$(".selector").tooltips(
{ show : true }
);
参数:
- Boolean:如果设置为false则没有显示效果。
- 数字:显示工具提示的时间(毫秒)。
- 字符串:字符串用于显示工具提示的选定效果。该效果将用于显示使用默认的持续时间和缓动。
- 对象:使用对象作为值显示工具提示,其中提供了效果、缓动、持续时间和延迟属性。
方法:
- 首先,添加项目所需的 jQuery UI 脚本。
示例 1:以下代码演示了显示选项的设置,以毫秒为单位。
HTML
HTML
HTML
输出:
示例 2:以下代码演示了布尔值显示选项的设置。
HTML
输出:
示例 3:以下示例演示了带有向下滑动和折叠功能的工具提示显示选项。请参阅输出图像以更好地理解。
HTML
输出:
参考: https : //api.jqueryui.com/category/widgets/