Hover Navigation-Effekt wie auf wimbledon.com

[K2i]

Hallo Leute,
wie ist es möglich per Hover auf eine Navigation, den unteren Contentbereich "abzudunkeln"?
(Beispiel: http://wimbledon.com/ )

 

[threadi]

In dem Fall würde ich das mit JavaScript machen, mit CSS ist das nicht möglich.

 

[K2i]

Da ich im Bereich JavaScript leider keine Ahnung, würde ich mich freuen wenn hier jemand nen Link hat wo ich etwas gebräuchliches finden könnte.

 

[threadi]

Du müsstest den Link/die Links im Menü mit einer Funktion versehen, z.B. so:

<a href="linkziel.html" onmouseover="return abdunkeln();">Titel</a>

und die Funktion abdunkeln() so definieren, dass sie einen bestimmten Bereich der Seite mit anderen Style-Angaben versieht, z.B. so:

function abdunkeln() {
 document.getElementById("content").style.opacity = "0.5";
 return true;
}

In diesem Beispiel wird die Transparenz erhöht, genauso kann man auch Hintergrundbilder einfügen oder andere Elemente einblenden, die über den Inhaltsbereich gelegt werden um ihn abzudunkeln.

Das soll nur als Anreiz dienen. Wenn Du eine fertige Funktion für deinen Anwendungsfall wünschst, dies aber nicht selbst schreiben kannst, solltest Du evtl. in der Jobbörse nachfragen, ob es jemand für dich macht.