ChrisB: langsam ausblenden

Beitrag lesen

Hi,

Ich möchte folgendes umsetzen:
Bei einem onClick-Event wird display:none erwirkt. Ich möchte aber, dass das Element langsam unsichtbar wird.

Also schrittweise transparenter machen, bevor du es ganz ausblendest - das geht ueber die CSS-Eigenschaft opacity. Informiere dich, in wie weit sie von den Browsern unterstuetzt wird, bzw. welche Alternativen sie bieten (Stichwort Filter im IE).
Dann brauchst du einen Timer (setTimeout/setInterval), um den Wert der Eigenschaft schrittweise zu manipulieren.

Gaengige JS-Frameworks wie jQuery etc. bieten meist fertige Module fuer solche Effekte an. Waere aber zu ueberlegen, ob man nur dafuer mehrere Kilobyte an Scriptcode einbinden will, oder es lieber selber schreibt.

MfG ChrisB