nicht angemeldet
Danke nochmal!
Bitte bitte, ich finde es auch schöner anhang eines Beispiels was zu lernen.
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
[code lang=javascript]transparenz = 0; // Transparenz des Divs (0 = 100% Transparent, 100 = keine Transparenz)
function submitFader() {
var fader = document.getElementById("fader"); // Fader
transparenz += 5; // Transparenz um 5 erhöhen
fader.style.display = "block"; // Fader zeigen
fader.style.filter = "alpha(opacity="+ transparenz +")"; // Transparenz neu setzen, nur IE
if(transparenz != 100) setTimeout("submitFader()", 10); // Solange Transparenz unter 100 ist, weitermachen
else alert("Ende im Gelände!"); // Transparenz ist 100, Meldung ausgeben, Funktion beenden!
}
</script>
<style type="text/css">
~~~css
body { margin:0px; padding:0px; }
#mainContainer { text-align:center; }
#fader { position:absolute; top:0px; left:0px; height:100%; width:100%; background-color:#000; filter:alpha(opacity=0); display:none; z-index:1000; }
</style>
</head>
<body>
<div id="mainContainer">
<h1>Das</h1><br /><br /><br />
<h2>ist</h2><br /><br /><br />
<h3>eine</h3><br /><br /><br />
<h4>Webseite</h4><br /><br /><br />
<input type="button" value="Seite abschicken!" onclick="submitFader();" />
<div id="fader"></div>
</div>
</body>
</html>
[/code]
So, dieses Beispiel funktioniert nur mit IE, FireFox kennt `filter`{:.language-css} nicht, das kannst du aber nach belieben anpassen. Wenn du den Fader schneller machen willst, dann erhöhe die Schritte wo die Transparenz hochgezählt wird, oder setz das `setTimeout()`{:.language-javascript} niedriger (momentan 10ms).
Ich denke mir, das ist einfach genug gebastelt (nicht Perfekt!) um es zu verstehen und anzupassen. Viel Glück!
Der Martin