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,mensajes de ayuda jquery,mensajes en globos con jquery,mostrar ayuda jquery,mostrar mensaje de ayuda con javascript,panel ayuda jquery,simpletip ejemplos,tooltip estatico con jquery,como activar toltip en htlm con php,mensaje en un tooltip,como hacer tooltip dinamico con jquery

Noticias relacionadas »

4 comentarios en mensajes de ayuda o tooltip con jquery

  1. / Responder

    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….

  2. Pingback: Jquery activar desactivar boton submit de formulario

  3. / Responder

    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/

    • Pedro Ventura
      / Responder

      Gracias Nacho por tu comentario, lo intentaré probar!!

      Un saludo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Invertir en criptomonedas: »

 

Cómo comprar bitcoin

Invertir y comprar Bitcoin y otras altcoins es más fácil de lo que crees.

1) Si sólo quieres comprar Bitcoin, Ethereum o Litecoin como inversión, tu opción es Coinbase

2) Si quieres probar con otras criptomonedas tu opción es Binance

3) Cualquier duda escríbeme con total libertad al formulario de contacto para resolver dudas: https://www.pedroventura.com/contacto/

¡Comparte este artículo! »

  • Zein (1 día)
    EXELENTEE!!! MIL PUNTOS PARA TI! si me funcionó a la…
  • señales cryptowhale (2 días)
    https://t.me/SignalsWins
  • carlos hernandez (1 semana)
    Hola, hay alguna funcion k sirva para saber el correo…
  • steven (3 semanas)
    tengo un problema me sale este error cuando pongo data:…
  • lewis rod (4 semanas)
    https://t.me/joinchat/Hs_yUFG_xDVJ-PS3cWEYAw este es el enlace me equivoque.
  • lewis rod (4 semanas)
    https://t.me/joinchat/Hs_yUBDhw2Uk7D3D835GJQ grupo de telegram latino sudamericano peru, colombia, ecuador, chile,…

Suscríbete al newsletter »

Proporciona tu correo electrónico a continuación y recibe las últimas noticias! Funciona con Feedburner de Google

Archivo »

Leer entrada anterior
Cakephp generar logs con $this->log();

Generar logs de datos en CakePHP es muy simple y útil con la función log() que es parte de la...

Cerrar