Otzelot: Div Slide In

Beitrag lesen

Hi
ich will in einem Div den Inhalt von Oben in die Website reinsliden lassen
also ähnlich wie bei den ganzen ADs
nach ca. 2 stündigem stöbern kam ich endlich mal zu nem Script was mir einigermaßen vernünftig aussah und ich habe es mal übernommen (der Autor hat es freigestellt)
Nur irgendwie will das ganze nicht funktionieren :/
wäre nett wenn da ma wer drüber gucken könnte, ich bin in Sachen Javascript ein Greenhorn und gerade stark ratlos

Danke schonmal im vorraus
MFG Fabian

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Unbenanntes Dokument</title>  
<style type="text/css">  
<!--  
.divcontrol {  
 background-image: url(jpg/inhalt.png);  
 background-repeat: no-repeat;  
 position: absolute;  
 z-index: 1;  
 height:534px;  
 width:635px;  
 left: 341px;  
 top: 152px;  
}  
.divcontrolinhalt {  
 background-image: url(jpg/bg.png);  
 z-index: 2;  
 position: absolute;  
 height: 42px;  
 width: 529px;  
 left: 45px;  
 top: 43px;  
}  
body {  
 margin-left: 0px;  
 margin-top: 0px;  
 margin-right: 0px;  
 margin-bottom: 0px;  
}  
-->  
</style>  
  
</head>  
<body>  
<script language="javascript" type="text/javascript">  
function moveDiv(divcontrol){  
 var div=document.getElementById(divcontrol)  
 var newpos=parseInt(div.style.top)+2+"px"  
 if(newpos<152px){  // Here you put the value it should move to  
  setTimeout("moveDiv("+divcontrol+")",100) // Tweak the time to get a smooth movement.  
 }  
 else{  
   setTimeout("functionToHideDiv()",1000)  
 }  
</script>  
  
<div style="background-image:url(jpg/inhalt.png);background-repeat: no-repeat;position: absolute;z-index: 1;height:534px;width:635px;left:341px;top:-600px;" id="divcontrol">  
  <p>&nbsp;</p>  
  <table width="429" height="388" border="0" align="center">  
    <tr>  
      <td height="34" background="jpg/bg.png">&nbsp;</td>  
    </tr>  
    <tr>  
      <td align="left" valign="top" background="jpg/bg.png"><div align="left"></div></td>  
    </tr>  
  </table>  
  <div align="left"></div>  
</div></div>  
  
<img src="jpg/bg.jpg" width="1024" height="768" />  
  
  
</div>  
  
</body>  
  
</html>