hm, war vor kurzem auf der Suche nach was ähnlichem, aber so recht wollte ich nichts finden. Daher hab ich selbst mal was zusammengebastelt, Code sollte verständlich sein.
<html>
<head>
<script language="javascript">
function up(id, o){
changeOpac(o,id);
//Fading Speed
o = o+1;
if (o<=100) window.setTimeout("up('"+id+"', "+o+")", 2);
}
function down(id, o){
changeOpac(o,id);
//Fading Speed
o = o-1;
if (o>=0) window.setTimeout("down('"+id+"', "+o+")", 2);
}
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function fadein(id) {
document.getElementById(id).style.visibility='none';
up(id, 0);
document.getElementById(id).style.visibility='visible';
}
function fadeout(id) {
document.getElementById(id).style.visibility='visible';
down(id, 100);
}
</script>
</head>
<body>
<div id="content">
<h1>Fademe</h1>
</div>
<input type="button" onclick="fadeout('content');" value="Fade Out">
<input type="button" onclick="fadein('content');" value="Fade In">
</body>
</html>
PS: Ja, ist sicher noch optimierbar...
/edit: Live Preview (http://d-mueller.de/fade.htm)
/edit2: urx, irgendwie will der ie das nicht futtern... könnte drauf schwören das das mal im ie ging =(