mensajes de ayuda o tooltip con jquery

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/

Tags de búsquedas:

mensajes de ayuda, mensajes jquery, mensajes con jquery, jquery mensajes, tooltip jquery ejemplo, tooltip jquery div ejemplos, tooltip jquery ejemplos, tooltip ayuda jquery, panel de mensajes en jquery, tooltip en tu web usando javascript

Posts Relacionados:

• Jquery activar desactivar boton submit de formulario Pongamos que tenemos un formulario con n campos y su correspondiente botón submit para enviarlo. Para hacer el formulario mas usable e intuitivo siempre está bien desactivar el botón submit...
• Cambiar el nombre de una clase css con javascript y con jquery Hoy he aprendido una cosita bastante sencilla pero muy util con jquery. Estaba haciendo un pequeño desarrollo con PHP y AJAX para que un usuario pudiese seleccionar su nick en...
• Comprobar, seleccionar y deseleccionar todos los checkbox de un formulario con jquery A continuación indico algunas funciones de Jquery muy útiles para trabajar con elementos de formularios. En este caso para trabajar con checkbox. Seleccionar/deseleccionar un checkbox: // Seleccionar un checkbox $('input[name=acheckbox]').attr('checked',...
• Centrar un div con jquery Para centrar un div horizontalmente y verticalmente normalmente se usa css para ello. Pero a veces es imposible hacerlo mediante css, porque cada usuario tiene una resolucion en su pantalla...
• Mostrar elementos secuencialmente con Jquery Desde el siguiente vídeo consejo, podremos aprender como hacer para mostrar los elementos de un listado que aparezcan secuencialmente mediante Jquery. Hay muchas formas de llevar a cabo esta tarea...