Javascript: onmouseover – Banner wechselt Hintergrundfarbe


Heute hab ich ein bisschen mit dem Javascript-Befehl „onmouseover“ herumprobiert. Mit jenem Befehl kann man beim Darüberfahren mit der Maus, diverse Änderungen vornehmen, ähnlich wie mit dem Hovereffekt. In meinem Fall hab ich ein Blockelement (div) mit einer ID erstellt und innerhalb dieses Blockelements ein weiteres Div mit einem transparenten background-image eingefügt. Den Onmouseover-Befehl fügte ich dann in einem Inlineelement (span) im Hauptmenü ein, von wo aus der entsprechende Effekt dann startet 🙂 Der Banner wechselt Farbe, indem man über die Themen bzw. Punkte im Hauptmenü fährt.

Hier ein kleiner Einblick:

Das Submenü ist zwar noch ein bisschen schief, aber darum ging es mir zunächst mal nicht, ich wollte lediglich mal gucken, ob der Farbwechsel auch mit onmouseover funktioniert und es hat geklappt 🙂



Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden /  Ändern )

Google Foto

Du kommentierst mit Deinem Google-Konto. Abmelden /  Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden /  Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden /  Ändern )

Verbinde mit %s