Los tooltips o mensajes de ayuda son pequeños esa pequeñas cosas que juegan un gran rol en el diseño y en la atracción del usuario, por lo que si están bien diseñados e integrados en una web, y resultan realmente útiles al usuario dejaran en éstos una buena sensación sobre tu web.
Aquí es donde entra JQuery para ayudarnos a hacer los tooltips.
Hay muchos plugins de Jquery para hacer tooltips o éstos mensajes de ayuda, pero el que mas me ha gustado a mi es “SimpleTip”. Permite crear tooltips de manera muy sencilla usando cualquier elemento de la pagina con los selectores y gestores de eventos de Jquery. Los tooltips pueden ser estáticos, dinámicos, o se pueden cargar por AJAX con una variedad diferentes de efectos visuales.
Ejemplo sencillo de integración de un tooltip estático
$("#panel_usuario_cuenta").simpletip
({
content:'Bienvenido usuario este es tu panel de control!!!',
fixed:true,
position: 'top'
});
Sobre el elemento html que tiene el id=”panel_usuario_cuenta” aparecerá en la parte superior el mensaje indicado en la variable content
Mas información y descargas de las librerías en la web oficial:
http://craigsworks.com/projects/simpletip/
Hola! Está muy bueno que nos quieras ayudar, pero realmente no es lo que busco, te voy a explicar a ver si me entiendes. Yo busco hacer un menú como el de nick.com, lo que quiero hacer es ese globo de ayuda que aparece, pero quiero que se mueva igual a ese! Yo vi acá que tu escribiste: “Ejemplo sencillo de integración de un tooltip ESTÁTICO”, entonces lo que yo buscaría sería un tooltip movible? Por favor espero tu pronta respuesta….
Yo uso qtip2 (versión 2, qtip) y estoy emocionado, es igual de simple y a la vez incluye una documentación y api muy extenso, échale un vistazo y me cuentas http://craigsworks.com/projects/qtip2/
Gracias Nacho por tu comentario, lo intentaré probar!!
Un saludo!