jQuery UI consta de widgets GUI, efectos visuales y temas implementados mediante jQuery, CSS y HTML. jQuery UI es excelente para crear interfaces de interfaz de usuario para las páginas web. El widget de información sobre herramientas de jQuery UI nos ayuda a agregar nuevos temas y permite la personalización. En este artículo, veremos cómo usar la opción Mostrar en la información sobre herramientas de jQuery UI. La opción de mostrar se usa para agregar el efecto de animación mientras se muestra en la información sobre herramientas de jQuery UI. De forma predeterminada, el valor es verdadero .
Sintaxis:
$(".selector").tooltips(
{ show : true }
);
Parámetros:
- Booleano: si se establece en falso , no hay efecto de visualización.
- Número: el tiempo (ms) después del cual se muestra la información sobre herramientas.
- String: La string se utiliza para el efecto seleccionado para mostrar la información sobre herramientas. El efecto se usará para mostrar usando la duración y la aceleración predeterminadas.
- Objeto: la información sobre herramientas se muestra utilizando un objeto como un valor donde se proporcionan las propiedades de efecto, aceleración, duración y retraso.
Acercarse:
- Primero, agregue los scripts jQuery UI necesarios para su proyecto.
<enlace href=”https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel=”hoja de estilo”>
<script src=”https://code.jquery.com/jquery-1.10.2.js”></script>
<script src=”https://code.jquery.com/ui/1.10.4/jquery-ui.js”></script>
Ejemplo 1: El siguiente código demuestra la configuración de la opción mostrar con el tiempo en ms.
HTML
Producción:
Ejemplo 2: El siguiente código demuestra la configuración de la opción mostrar con valor booleano.
HTML
Producción:
Ejemplo 3: El siguiente ejemplo demuestra la opción de visualización de información sobre herramientas con la función de deslizamiento hacia abajo y pliegues . Consulte la imagen de salida para una mejor comprensión.
HTML
Producción:
Referencia: https://api.jqueryui.com/category/widgets/