Comportamiento mejorado de un tooltip
importancia: 5
Escribe JavaScript que muestre un tooltip sobre un elemento con el atributo data-tooltip
. El valor de este atributo debe convertirse en el texto del tooltip.
Es como la tarea Comportamiento: Tooltip, pero aquí los elementos anotados se pueden anidar. Los tooltips más internos se muestran.
Solamente un tooltip puede aparecer a la vez.
Por ejemplo:
<div data-tooltip="Aquí – está el interior de la casa" id="house">
<div data-tooltip="Aquí – está el techo" id="roof"></div>
...
<a href="https://en.wikipedia.org/wiki/The_Three_Little_Pigs" data-tooltip="Continúa leyendo…">Colócate sobre mi</a>
</div>
El resultado en el iframe: