Textfarbe an anderer Position bei mouseover ändern

[bucada]

Hallo,

ich möchte auf meiner Homepage die Textfarbe ändern, wenn ich mit der Maus auf einen anderen Text zeige. Geht das?

Was ich bisher gemacht habe ist, dass sich die Textfarbe des Textes "Link" ändert wo ich gerade mit der Maus drüber bin. Weiterhin habe ich es mit Bildern hinbekommen, dass wenn ich mit der Maus auf dem Text "Link" bin sich das Bild an einer anderen Position ändert.

CSS:

a.farbe:link {
  color: #FFFFFF;
}

a.farbe:visited {
  color: #FFFFFF;
}

a.farbe:active {
  color: #FFFFFF;
}

a.farbe:hover {
  color: #FFCC00;
}


HTML:

<img src="bild2.jpg" WIDTH="150" HEIGHT="150" NAME="inter" BORDER="0">

<a href="link.html" class="farbe"
       onMouseover="inter.src='bild1.jpg';"
       onMouseout="inter.src='bild2.jpg'"> Link </a>

<a href="link2.html"> Link2 </a>

Doch das hilft mir hier nicht weiter. :(
Wie kriege ich es hin, dass wenn ich mit der Maus über "Link" bin, dass sich die Textfarbe von Link2 ändert?
Weiss jemand eine Lösung falls es sie gibt?

 

[Frank]

im head:

<script>
window.onload = function () {
  document.getElementById('link1').onmouseover = function () {
    document.getElementById('link2').bgColor='red'
  }
  document.getElementById('link1').onmouseout = function () {
    document.getElementById('link2').bgColor='white'
  }
}
</script>

In den Body

<a href="#" id="link1">bla</a><br>
<br>
<a href="#" id="link2">bla2</a>

Das müsste eigentlich dein Vorhaben ermöglichen. ;)

 

[diadas]

Oder so:

[URL="http://www.html.de/#"]Text[/URL]
[URL="http://www.html.de/#"]Text[/URL]

 

[bucada]

Vielen Dank für die Antwort.

Ich habe das nun eingebaut, doch leider funktioniert das nicht. Es ist so als wenn ich im Quelltext nichts hinzugefügt hätte. :(