Philipp: Hover-Button: Kann ich den Farb-Effekt auch vertauschen?

Hallo Community,

ihr kennt sicher CSS Hover-Buttons, wie man sie z.B. hier findet: http://selfaktuell.teamone.de/artikel/css/mouseover/index.htm

Mein Problem ist jetzt, dass ich bei überfahren eines Links nicht die Hintergrundfarbe des Links selber sondern die eines andere vertauschen möchte.

Wenn ich mit der Maus über Link 1 fahre, soll sich die Hintergrundfarbe von Link 2 ändern.

Geht das? Wenn ja wie? Funktioniert das ganze auch unter dem IE? Danke im Voraus.

MfG Philipp

  1. Hallo Philipp,

    Wenn ich mit der Maus über Link 1 fahre, soll sich die Hintergrundfarbe von Link 2 ändern.

    Geht das? Wenn ja wie?

    Mit CSS: Nein. Mit JavaScript: Ja. Dazu müsstest Du Dir den anderen Link mittels einer DOM-Funktion holen (document.getElementById bspw.) und bei diesem Link den Stil ändern (.style.backgroundColor = '#...';)

    Funktioniert das ganze auch unter dem IE?

    Ja; mit DOM ab Version 5, mit document.all statt DOM ab Version 4 - man kann auch beides gleichzeitig einsetzen. (if (document.getElementById) { DOM verwenden } else if (document.all) { document.all verwenden })

    Viele Grüße,
    Christian

    1. Mit CSS: Nein. Mit JavaScript: Ja. Dazu müsstest Du Dir den anderen Link mittels einer DOM-Funktion holen (document.getElementById bspw.) und bei diesem Link den Stil ändern (.style.backgroundColor = '#...';)

      Ja, stimmt. Dachte aber, dass geht nur mit normalen Text.
      Ich werd's 'mal probieren.
      Danke.

      MfG

    2. Hallo zusammen,

      [...] und bei diesem Link den Stil ändern (.style.backgroundColor = '#...';)

      ... oder (IMHO praktischer) so:
      .style.className='klasseXYZ'

      http://selfhtml.teamone.de/javascript/objekte/all.htm#class_name

      mfg, Thomas