Grumble: tooltip jQuery que se puede ubicar en cualquier ángulo (by: http://www.kabytes.com)

Grumble es un plugin jQuery, un clásico tooltip con forma de globo, pero con una ventaja enorme a diferencia de otros plugins similares, y es que permite ubicar los mensajes en cualquier ángulo, algo que no es común ya que la mayoría de los tooltips permiten solamente 4 posiciones solamente.

Ademas de permitir la ubicación de los mensajes abarcando los 360 grados, también hay que destacar que Grumble funciona en todos los navegadores, inclusive Internet Explorer 6, ademas de obviamente todos los navegadores más modernos.

En el sitio oficial pueden probar como se ven estos fantásticos tooltips. Si no desean probarlo pero todavía tienen curiosidad, a continuación coloco una captura de como se ven:

burbuja tip tip

Ejemplo de configuración:

$('h1').grumble({
        text: 'Bubble-tastic!',
        angle: 85,
        distance: 100,
        showAfter: 500
});

Personalizar estos tooltip es muy simple, y no requiere más que unas lineas de código en CSS. Un detalle interesante es que en los navegadores modernos utiliza CSS3 para dibujar las burbujas, y en los navegadores más antiguos y obsoletos como Internet Explorer 6 utiliza Matrix Filters.

Web: Grumble



original post: http://bit.ly/nAAQm5

via ifttt
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: