Home Special Document Effects Top-Down Curtain Script Developer's View
<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>