Tooltip con Javascript y CSS

Si estáis buscando un tooltip para vuestro sitios web, que sea simple y sencillo, aquí os traigo uno simple en Javascript y CSS.

Para instalarlo e nuestras webs deberemos hacer los siguientes pasos:

Primero crear un archivo .css para el tooltip:

Luego tendremos que crear el archivo javascript:

Y ya tan solo tendremos que copiar el siguiente código donde queramos que aparezca el tooltip:

2 respuestas en “Tooltip con Javascript y CSS

  1. oscar

    La verdad que el código es muy mejorable. Hay un error en el condicional de la función updatePos(), un ; que no está correcto.
    Luego, la función para ocultar el tooltip no funciona, así que me parece mal ejemplo, hay que comprobar el código antes de publicarlo amigo

    Reply
    • David Ortega Post author

      Muy buenas Oscar,

      Creo que había un problema en la línea 20 y era debido a que no interpretaba bien el caracter > el editor que uso en WordPress.

      PD: También te digo que es un post de 2013 por lo que puede haber incompatibilidades con los navegadores actuales.

      Saludos y gracias por el aviso.

      Reply

Deja un comentario

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