📜  jQuery UI 工具提示显示选项

📅  最后修改于: 2021-11-24 05:29:34             🧑  作者: Mango

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/