[JS] Fade out dla <div> Opcje

[fredman]

Chciałem zrobić na mojej stronce prosty "preloadscreen". Znalazlem coś prostego w internecie:

w body mam takiego diva:

[HTML] pobierz, plaintext 
<div id="kurtyna" style="position:absolute;z-index:99;width:100%;height:100%;background-color:black;top:0;left:0;">&nbsp;</div>
[HTML] pobierz, plaintext 

i taki skrypcik w headzie:

[HTML] pobierz, plaintext 
<script type="text/javascript"> 
  onload = function() {
  document.getElementById('kurtyna').style.display = 'none';
}
</script>
[HTML] pobierz, plaintext 

zupełnie nie znam javy ale z tego co rozumiem to to działa tak że dopóki strona nie jest załadowana to wyświetla się na całą stronę div "kurtyna" a gdy się załaduje to przestaje wyświetlać.

To mi pasuje ale pomyślałem, że fajnie by było gdyby wprowadzić na końcu fade out tego diva(czyli gdy strona się załaduje wtedy startuje fade out kurtyny) tak żeby wyszedł efekt pojawiania się strony. Da sie zrobić coś takiego jakoś łatwo ?

Ten post edytował fredman 5.01.2010, 21:40:20