getElementById für a und a:hover

[Michael Segin]

Hallo,

ich habe eine Grafik die 100px hoch ist, von der aber nur 50px angezeigt werden. Sobald die Maus über die Grafik bewegt wird, verschiebt sich die Grafik und die andere Hälfte wird sichtbar. Ich glaube, jeder kennt das mit a:hover und background-position: 0px -50px;

Mein Problem ist nun, das jetzt die Grafik 200px hoch ist und ich vier Teile habe. So dass ich mit der oben beschriebenen Technik zwischen Teil 1und 2 oder zwischen 3 und 4 umschalte. Die Umschaltung zwischen diesen beiden Gruppen erfolgt dann durch JavaScript. Dies sollte durch "getElementById" geschehen. Und zwar soll background-position auf 0px -100px für das a-Element bekommen und 0px -150px für a:hover. Auf das a-Element kann ich zugreifen, aber wie kann ich das a:hover verändern?

Schon mal vielen Dank

Michael

[Beat]

Mein Problem ist nun, das jetzt die Grafik 200px hoch ist und ich vier Teile habe. So dass ich mit der oben beschriebenen Technik zwischen Teil 1und 2 oder zwischen 3 und 4 umschalte. Die Umschaltung zwischen diesen beiden Gruppen erfolgt dann durch JavaScript. Dies sollte durch "getElementById" geschehen. Und zwar soll background-position auf 0px -100px für das a-Element bekommen und 0px -150px für a:hover. Auf das a-Element kann ich zugreifen, aber wie kann ich das a:hover verändern?

Gar nicht. Du musst die Funktion an ein onmaouseover koppeln.

Andernfalls wäre es besser, wenn du gar nicht die CSS Eigenschaft mit JS veränderst, sondern den Klassennamen änderst.
Das CSS File enthält die alternativen Definitionen für diese Klasse.

mfg Beat

[Michael Segin]

Super Idee mit den Klassen

Danke Michael

[MudGuard]

Hi,

ich habe eine Grafik die 100px hoch ist, von der aber nur 50px angezeigt werden. Sobald die Maus über die Grafik bewegt wird, verschiebt sich die Grafik und die andere Hälfte wird sichtbar. Ich glaube, jeder kennt das mit a:hover und background-position: 0px -50px;

Die Umschaltung zwischen diesen beiden Gruppen erfolgt dann durch JavaScript.

Warum? CSS ist doch wunderbar dafür geeignet.

cu,
Andreas