[Vorhang zu II]

Beispiel ansehen

Zweite Variante des "Vorhang zu" Scripts

[Code]

[zwischen <HEAD> und </HEAD>]

<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>

[zwischen <BODY> und </BODY>]

<div id="bdy">
<div id="thetop"> </div>
<div id="thebot"> </div>
</div>

[Autor]

Nightfire himself

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 470