nicht angemeldet
Wie würde man dann das Ganze mit JS kombinieren (für das Schirmchen auf dem Eis). Wenn jem JS hat, soll das Bild ja nicht einfach verschwinden (display:none) sonder erst langsam ausblenden. Ich müsste in diesem Fall die CSS-Angabe irgendwie "aushalten"!?
Ich kann deinem Beispiel nicht ganz folgen und wähle daher ein eigenes.
Man nehme eine simples Dropdown-Menu wo du die Untermenüpunkte mittels display: none/block ein und ausblendest.
Das CSS sieht dafür üblicherweise so aus:
#menu li ul { display: none; }
#menu li:hover ul { display: block; }
Dein JavaScript sorgt dann dafür, dass das Untermenü nicht "hart" eingeblendet wird sondern z.B. runterrutscht.
In vielen Fällen ist es auch erforderlich, dass die Seite mit JavaScript etwas anders aussieht, als ohne (zusätzliche Icons oder sonstiges) - diese kann man natürlich per JavaScript einfügen. Der Nachteil ist allerdings, dass die Formatierung dann teilweise im CSS und teilweise im JavaScript zu finden ist - das kann man umgehen, indem man mit JavaScript nur eine Klasse/ID im entsprechenden Element oder im body-Element hinzufügt und vorab bereits alles im CSS definiert:
a { color: red; }
body#javascript a { color: blue; }
Aufgrund der Spezifität gilt zweitere Eigenschaft - selbriges kann man natürlich auch auf das obrige Menü übertragen.
body#javascript #menu li:hover ul { display: none; }