class ändern

**joextra** · 31.03.2005 15:18

ich hätt gern a problem

ich hab ein <a href... class="bla">xxy</a>
jetzt will ich bei onmouseover das die class durch eine andere ersetzt wird. aber wie mache ich das? hab jetzt schon einiges probiert, aber es klappt nicht.

ist das überhaupt so möglich? google konnte mir da auch nicht weiter helfen.

**SteffenR** · 31.03.2005 15:20

Bei einem Link kannst du dies durch die Eigenschaft a:hover festlegen ..
Beispiel:

Code:

a:hover {
text-decoration:none;
}

Dies würde beim darüberfahren den Unterstrich entfernen

Dort könntest du dann natürlich auch andere Formatierungen eintragen, wie du dies in der anderen Klasse sicherlich auch getan hast..

SteffenR

**joextra** · 31.03.2005 15:28

hat sich erledigt. geht mit this.className

**rewboss** · 31.03.2005 18:07

Ja, aber warum nicht gleich mit a:hover?

**321** · 31.03.2005 21:42

Zitat von rewboss

Ja, aber warum nicht gleich mit a:hover?

Er ändert die Class und die bleibt vorerst mal geändert solange er will.
a.hover {... pipapo ...} wird aber hinfällig, wenn die Maus wieder weg ist.

Ob er das wollte?

**joextra** · 01.04.2005 22:10

ich habe zwei verschiedene classes für anker. wenn ich a.hover benütze bekommen beide die gleiche schriftart

**rewboss** · 01.04.2005 22:13

Wie denn das?

**321** · 01.04.2005 23:32

Zitat von joextra

ich habe zwei verschiedene classes für anker. wenn ich a.hover benütze bekommen beide die gleiche schriftart

nur wenn Du bei a.hover zB. nur die Farbe, nicht aber die Font-Family (Schriftart) anders hinterlegt hast.

HTML-Code:

<html><head><title>Test a.hover</title>
<style>
a {font-family: verdana; color: green}
a:hover {font-family: comic sans ms; color: red}
</style>
</head>
<body>
<div align="center">
<br /><br /><br />
<a href="#">Dieser grüne Verdana-Text wird bei Übermausung zu rotem Comic</a>
</div></body></html>

**deck16** · 02.04.2005 16:25

Zitat von joextra

ich habe zwei verschiedene classes für anker. wenn ich a.hover benütze bekommen beide die gleiche schriftart

Dann weist Du jeder Klasse ein eigenes hover zu:

Code:

	 a.klasse1:hover {
	font-family:Trebuchet MS;
	font-size:18px;
	color:red;
	}
	
	
	a.klasse2:hover {
	font-family:Arial;
	font-size:10px;
	color:blue;
	}

**joextra** · 04.04.2005 00:35

ok, daran hab ich jetzt nicht gedacht. ist auch egal. habs anders gelöst

zur Startseite vom TP

Thema: class ändern

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

class ändern

Aktive Benutzer

Aktive Benutzer