maus über link soll kleine anzeige hervorrufen

tholmer

Mitglied
Hai,

Und zwar weiß ich nicht so richtig wie ich das formulieren soll. Deswegen konnte ich auch bei der Suche nix finden weil ich einfach nicht weiß wie ich es ausdrücken soll, vielleicht auch ein kleiner blckout :D

Also, ich möchte das wenn der Mauszeiger über einen link geht ein kleines Fenster am Zeiger aufgeht das paar infos zeigt. Hmm... eigtl wie als würde ich mit dem Zeiger über einen Link gehen und kurz warten bis der Titel angezeigt wird, ist nicht direkt ein fenster aber naja... halt ne kleine Anzeige. Habs, wenn man jetzt hier über so ein smilie geht und kurz wartet wird der Name angezeigt :D Naja genug mit den Beispielen ich denke jeder hats verstanden. Die kleine Anzeige soll beliebig groß sein... müsste man das mit DIV machen? so onMouseOver...!?

thx
 
Also das einfachste ist natürlich folgendes ->

HTML:
<a href="/" title="sozusagen ein Infofenster">Link mit Titel</a>

anders geht es mit CSS

HTML:
<div class="info">
<a href="/">Link mit <span>Titel und vielleicht auch noch vieeeell mehr :)</span></a>
</div>

CSS:

Code:
.info a:link, .info a:visited
	{
	color: #006688;
	}

.info a:hover
	{
	color: #000099;
	}

.info a span
	{
	display:none;
	}

.info a:hover span
	{
	width:100px;
	display:block;
	border:1px solid #000033;
	}

natürlich geht es auch mit Javascript.. das musst du entscheiden
 

Neue Beiträge

Zurück