New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

<html>
<head>
<style>
<!--
.intro{
position:fixed;
left:0;
top:0;
layer-background-color:yellow;
background-color:yellow;
border:0.1px solid yellow;
z-index:10;
}
-->
</style>
</head>

<body>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script>

/*
Top-Down Curtain Script- By Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, and TOS,
visit http://www.dynamicdrive.com
*/

var speed=20
var temp=new Array()
var temp2=new Array()

var clipbottom=(window.innerHeight)?parseInt(window.innerHeight)/2:document.body.offsetHeight/2
cliptop=0
for (i=1;i<=2;i++){
temp[i]=document.getElementById("i"+i).style
temp[i].width=(window.innerWidth)?(window.innerWidth-15) + 'px' :document.body.clientWidth + 'px'
temp[i].height=(window.innerWidth)?window.innerHeight/2 + 'px' :document.body.offsetHeight/2 + 'px'
temp[i].top=(i-1)*parseInt(temp[i].height) + 'px'
}


function openit(){

clipbottom-=speed
temp[1].clip="rect(0 auto "+clipbottom+"px 0)"
cliptop+=speed
temp[2].clip="rect("+cliptop+"px auto auto auto)"
if (clipbottom<=-5){
clearInterval(stopit)
temp[1].display="none"
temp[2].display="none"
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()

</script>

</body>
</html>