CSS Codes
CSS Layouts

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

<body>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3"
class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div
id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div>
<script language="JavaScript1.2">

/*
Left-Right Stripy Curtain Script- (c) Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more free DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/


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

var clipright=(window.innerWidth)?window.innerWidth:document.body.clientWidth
clipleft=0
for (i=1;i<=8;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.innerHeight)?window.innerHeight/8+'px':document.body.offsetHeight/8+'px'
temp[i].top=(i-1)*parseInt(temp[i].height) + 'px'
}

function openit(){

clipright-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 "+clipright+"px auto 0)"
}
clipleft+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect(0 auto auto "+clipleft+"px)"
}
if (clipright<=0){

for (i=1;i<=8;i++)
temp[i].display="none"

clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
</body>
</html>