mostrar div como tooltip

evoarte · #1 (**permalink**) 09/08/2011, 12:12

hola,

que script recomendarían para mostrar un div, a modo de tooltip, al pasar por cada enlace:

<a href="enlace1" title="titulo1"></a>
<div class="tooltip">texto 1</div>
<a href="enlace2" title="titulo2"></a>
<div class="tooltip">texto 2</div>
<a href="enlace3" title="titulo3"></a>
<div class="tooltip">texto 3</div>

un saludo,

patkoala · #2 (**permalink**) 09/08/2011, 12:17

Un buen script es overLIB(http://www.bosrup.com/web/overlib/), es un poco antiguo, pero esta bien, espero que te sirva.Un saludo.

ArturoGallegos · #3 (**permalink**) 09/08/2011, 12:38

si tu tooltip no requiere alguna animación seria mas fácil y simple con CSS

algo como

Código CSS:

Ver original.tooltip{display:none;padding:5px;border:1px #F90 solid;background:#FC9;position:absolute;}
a:hover + .tooltip,
p:hover .tooltip{display:inline;}

Código HTML:

Ver original<div>
    <a href="#">link</a>
    <div class="tooltip">contenido de tu tooltip</div>
 
    <p>contenido de tu párrafo<span class="tooltip">contenido tooltip 2</span> mas contenido del sitio</p>
</div>

Nota: Compatible con IE7 o superior