Beispiel ansehen
[Beschreibung]
Zweite Variante des "Vorhang zu" Scripts
[Kompatibilität]
[Code]
<style type="text/css"> body { margin: 0px; width: 100%; height: 100%; background-color: #000000; overflow: hidden; } #bdy { position: relative; margin: 0px; width: 100%; height: 100%; background-color: #000000; overflow: hidden; visibility: hidden; } #thetop { position: absolute; width: 100%; height: 50%; left: 0px; top: -1000px; background-color: #000000; border-bottom: 4px solid #800000; z-index: 2; } #thebot { position: absolute; width: 100%; height: 50%; left: 0px; top: 3000px; background-color: #000000; border-top: 4px solid #800000; z-index: 2; } </style> <script language="Javascript"> nOpacIn=0 nOpacOut=100 nLeft=0 nRight=0 nTop1=0 nTop2=0 function Slide() { scrn = document.getElementById('bdy'); scrn.style.visibility = "visible"; document.getElementById('thetop').style.top = nTop1 - document.getElementById('thetop').offsetHeight; document.getElementById('thebot').style.top = nTop2 + scrn.offsetHeight; if (nTop1< document.getElementById('thetop').offsetHeight-5){ nTop1+=5 } if (nTop2> -document.getElementById('thebot').offsetHeight+5){ nTop2-=5 setTimeout("Slide()",30) } else { setTimeout("location.href= 'js_vorhangzu2.htm'", 5000); } } onload=Slide; </script>
<div id="bdy"> <div id="thetop"> </div> <div id="thebot"> </div> </div>
Nightfire himself
Kopieren Sie bitte den Code