Mal komplett auf's Grundlegende reduziert: Du hast das Markup
Code:
<a href="#">Hier mit der Maus drüberfahren <span>dann erscheint dieser Text.</span></a>
Den ersten Teil des Textes sieht man immer (als normalen Link-Text). Der zweite Teil wird per CSS "unsichtbar" gemacht:
Code:
a span {
display: none;
}
Wenn Du dann mit der Maus über den Link fährst, kommt die Pseudoklasse "hover" ins Spiel; dann wird der Zusatztext so angezeigt, wie nachfolgend per CSS festgelegt:
Code:
a:hover span {
display: block;
position: absolute;
left: 0;
top: 0;
}
Diese CSS-Regel bewirkt Folgendes: Sobald Du mit der Maus über den Link-Text fährst, erscheint der Zusatztext ganz oben links im Browserfenster. Position und Aussehen des Zusatztextes kannst Du mit unzähligen weiteren Eigenschaften beliebig bestimmen.