• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

klass ändern bei hover!

Status
Für weitere Antworten geschlossen.
Leo

Leo

Neues Mitglied
klass ändern bei hover!

wie kann ich beim hover über einen Link andere Links in andere Klassen versetzen also etwa so:
Code: 
<html>
[url="#"]link[/url]
</html>
<style>
.nav{color:green}
.nav a:hover{.rest:color:red}
.rest{color:green}
</style>
 
Versuch doch erstmal, dass dein Code richtig funktioniert bevor du den Links deine ganze Aufmerksamkeit schenkst... :roll:
Kleiner Tipp: Vergess die Anführungszeichen nicht
Code: 
[url="#"]link[/url]
 
kannst du nur mit javascript lösen.
pack alle links die das betrifft in einen container mit einer ID.
dann suchst du im dokument per JS nach der ID und gehst in einer schleife alle child-elemente durch, bei "a"-elementen mit der klasse "nav" setzt du dann die klasse auf "nav rest", also beide kombinieren - außer den link, über dem deine maus ist, versteht sich.

beispiel für so eine suchschleife ist hier zu sehen. musst da bei "DOM-based scripting to the rescue" schauen.

hoffe das reicht als denkanstoß
 
ich hab ma so was das geht auch!:
Code: 
<script>
function change() {
if(unten.className=="pos1")unten.className="pos2";
else unten.className="pos1";
}
</script>
<html>
<div onmouseover=change()>
[url="#"]link[/url]

</div>
<div class=pos1 id=unten onmouseout=change()>
[url="#"]link2[/url]

[url="#"]link3[/url]
 
</div>
</html>
<style>
.pos1{visibility:hidden;}
.pos2{visibility:normal;color:red;}
</style>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben