Top 5: los mejores complementos de tooltips de JavaScript y jQuery

Top 5: los mejores complementos de tooltips de JavaScript y jQuery

5. Tipso

Github

Tipso es un complemento de información sobre herramientas jQuery de respuesta ligera. Muy fácil de implementar y personalizable con css.

Tipso

4. Tipped.js

Documentación

Tipped es una solución completa de información sobre herramientas de JavaScript, úsela para crear información sobre herramientas que funcionan a la perfección en todos los navegadores de cualquier dispositivo.

Tipped.js

3.  html5tooltipsjs

Github

Disfrute de información sobre herramientas escrita en JavaScript puro, con animaciones 3D fluidas implementadas en CSS. Sin dependencias de marco.

html5Tooltipjs

2. Protip

Github

Protip es un increíble complemento de información sobre herramientas de jQuery. Ofrece una gran cantidad de configuraciones disponibles para personalizar el complemento según nuestras necesidades:

  • 49 posiciones (ubicación de la información sobre herramientas)
  • Actualización en vivo de las opciones de información sobre herramientas.
  • Comprobación de elementos en vivo (¿elemento eliminado? -> la información sobre herramientas debería desaparecer).
  • Gravedad: encuentra una mejor posición si no encaja en la pantalla.
  • Objetivos DOM: agregar en la raíz o en otro elemento objetivo.
  • Ubicaciones: exterior, interior, borde, centro
  • Haga clic en la información sobre herramientas activada y adhesiva.
  • Contenido HTML personalizado
  • Información sobre herramientas interactivas
  • Retrasos de entrada / salida
  • Auto-escondite
  • Soporte de iconos
  • Pieles, tamaños, esquemas
  • Soporte de animaciones
  • Mixins (solo CSS, basado en JS próximamente)
  • Devoluciones de llamada de eventos personalizados
  • Soporte UMD

Información sobre herramientas de protip

1. Tooltipster

Github

Tooltipster es un complemento de jQuery potente y flexible que le permite crear fácilmente información sobre herramientas semánticas y modernas mejoradas con el poder de CSS.

Las opciones de Tooltipster le brindan una amplia gama de variables para ajustar su información sobre herramientas al contenido de su corazón.

Imagen

Extra

Balloon.css

Github

Balloon.css le permite agregar información sobre herramientas a elementos sin JavaScript y en solo unas pocas líneas de CSS. Sí, aunque este complemento no requiere javascript o jQuery, merece ser mencionado ya que es bastante útil y fácil de usar.

Ballon.css

Si cree que nos estamos olvidando de otro increíble complemento de información sobre herramientas, no dude en compartirlo con nosotros en el cuadro de comentarios.

Esto podria interesarte

Conviertete en un programador más sociable