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 🙂