Vielleicht hilft dir dieser Code etwas weiter:
<html>
<script language="javascript">
<!--
function Show() {
if(document.getElementById)
document.getElementById("layer").style.visibility = "visible";
}
function Hide() {
if(document.getElementById)
document.getElementById("layer").style.visibility = "hidden";
}
function Fensterhoehe()
{
if (window.innerHeight) return window.innerHeight;
else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
else return 0;
}
function Up() {
if(document.getElementById)
{ document.getElementById("layer").style.height = 50;
document.getElementById("layer").style.overflow = "visible";
document.getElementById("layer").style.left = 150;
document.getElementById("layer").style.top = 200;
document.getElementById("layer").style.width = 200;
}
}
function Down() {
hoe=Fensterhoehe();
hoe-=25;
if(document.getElementById)
{ document.getElementById("layer").style.height = 24;
document.getElementById("layer").style.overflow = "hidden";
document.getElementById("layer").style.left = 1;
document.getElementById("layer").style.top = hoe;
document.getElementById("layer").style.width = 150;
}
}
var i=-100;
var w=0;
var h=0;
function Fly() {
if(i<400)
{ if(document.getElementById)
document.getElementById("layer").style.left = i;
i++;
if(i>0) {
if(w<201)
{ if(document.getElementById)
document.getElementById("layer").style.width = w;
w++;
}
if(h<81)
{ if(document.getElementById)
document.getElementById("layer").style.height = h;
h++;
}
}
setTimeout('Fly()',5);
}
}
function Soutput()
{ var hoe;
hoe=Fensterhoehe();
document.write("Höhe: " + hoe);
}
-->
</script>
<head><title>Layer-Test</title></head>
<body bgcolor="#FFCC00"" onLoad="javascript:Fly()">
<br><br><br><br>
<a href="javascript:Show()">Show</a>
<div id="layer" style="overflow:hidden; border-width:2px; border-color:silver; border-style:outset; visibility:visible; margin-top:0px; position:absolute; visibility:hide; width:0px; height:0px; background-color:white; top:200px; left:-200px;">
<table height=20 bgcolor="darkblue" width="100%" cellpadding=0 cellspacing=0 style="border-bottom-color:silver; border-bottom-style:groove; border-bottom-width:1px">
<tr>
<td align=left style="color:white; font-family:arial; font-weight:normal;">
Werbung
</td>
<td align=right valign=top>
<a href="javascript:Down();" style="text-decoration:none; font-weight:bold; color:white">_</a>
<a href="javascript:Up();" style="text-decoration:none; font-weight:bold; color:white">[]</a>
<a href="javascript:Hide();" style="text-decoration:none; font-weight:bold; color:white">x</a>
</td>
</tr>
</table>
<table width="100%" cellpadding=5 cellspacing=5>
<tr>
<td align=center><a href="http://www.g-schraml.at.tf" style="font-size:14pt; text-decoration:none; color:#FF8000; font-weight:bold; font-family:Verdana">g-schraml.at.tf</a></td>
</tr>
</table>
</div>
</body>
</html>