Mehrere Farbwechsel mit css
svenlito
- css
Hallo,
folgendes ist mein Problem.
Ich habe eine tabelle in der sich links befinden , nun möchte ich mit a:hover einen farbwechsel erzeugen der ca. 3-5 verschied. farben entspricht.
nun hab ich schon rausgefunden das ich mmit documentgetby.id (oder so ) arbeiten muss. kann mir da vielleicht jemand von euch auf die sprünge helfen.
Hab auch schon im forum gesucht aber leider nciht das passende gefunden.
Schönen dank und gruß
sven
Hallo svenlito!
Ich habe eine tabelle in der sich links befinden , nun möchte ich mit a:hover einen farbwechsel erzeugen der ca. 3-5 verschied. farben entspricht.
Stichwort "Klassen".
Du kannst für die Links ja verschiedene Linkklassen definieren.
Siehe auch SELFHTML Suche nach "CSS hover Klasse", da solltest Du genaueres finden.
MfG
Götz
Hi,
hab das:
<script language="JavaScript" type="text/JavaScript">
<!--
var linkfarbe = new Array("#FF000", "#EEE00", "#CCC000", "#66600", "#00000");
var linkfarben = linkfarbe.length;
var counter = 0;
function hoverlinks(myElement) {
if(counter > linkfarben) {
counter = 0;
return;
}
if(document.getElementById(myElement)) {
document.getElementById(myElement).style.color = linkfarbe[counter];
counter++;
myFunc="hoverlinks('" + myElement + "')";
setTimeout(myFunc, 60);
}
}
//-->
</script>
mit dem :
<td width="75" height="25%"><font size="2" face="Tahoma"><a href="/form/kuenstler.php" id="blink1" onMouseOver="hoverlinks('blink1')">künstler</a></font></td>
kombiniert.. funktioniert aber irgendie ned.. was fehlt mir denn da ?
Hallo Svenlito!
<script language="JavaScript" type="text/JavaScript">
[...]
</script>
<td width="75" height="25%"><font size="2" face="Tahoma"><a href="/form/kuenstler.php" id="blink1" onMouseOver="hoverlinks('blink1')">künstler</a></font></td>
kombiniert.. funktioniert aber irgendie ned.. was fehlt mir denn da ?
Das sieht ja furchtbar krank aus.
Lies Dir doch einfach den von mir bereits geposteten Link durch (bzw. die von der Suche gefundenen Seiten), da kannst Du schauen wie man sowas anständig machen kann, ohne zig Zeilen JS- und Markup-Müll zu produzieren.
MfG
Götz