Vel, siden dette er et «klikkbart område» regner jeg med vi snakker om en lenke, og ikke noe aktivert via JavaScript. Da har man pseudo-velgeren
:hover som kan utnyttes til en slik effekt.
La oss ta litt enkel HTML som:
- Kode: Merk alt
<a href="http://...">Lenketekst <span class="info">Denne lenken ...</span></a>
Så kunne vi brukt følgende CSS for å skjule/vise
span med ekstra info:
- Kode: Merk alt
a span.info { display: none }
a:hover span.info { display: block }
Så er det opp til deg å stilisere
span.info mer, f.eks. bruke absolutt posisjonering for at den skal vises et fast sted uansett hvor lenken befinner seg.
I tillegg kan det jo nevnes en noe mer avansert metode, hvor man slanker HTML noe. Merk dog at dette ikke vil fungere i Internet Explorer 6 i alle fall. HTML:
- Kode: Merk alt
<a href="http://..." title="Info om lenken...">Lenketekst</a>
CSS:
- Kode: Merk alt
a:after { display: none; content: attr(title) }
a:hover:after { display: block }