<STYLE> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:salmon; background-color:salmon; border:10,0px solid Darksalmon ; z-index:10; } --> </STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV class=intro id=i1></DIV> <DIV class=intro id=i2></DIV> <DIV class=intro id=i3></DIV> <DIV class=intro id=i4></DIV> <DIV class=intro id=i5></DIV> <DIV class=intro id=i6></DIV> <DIV class=intro id=i7></DIV> <DIV class=intro id=i8></DIV> <SCRIPT language=JavaScript1.2>
/* Top-Down Curtain Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://www.dynamicdrive.com */
var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0
var speed=10 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=8;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/8-0.3 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (ie4||ns6){ var clipbottom=ns6?window.innerHeight:document.body.offsetHeight cliptop=0 for (i=1;i<=8;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth/8-2:document.body.clientWidth/8 temp[i].height=ns6?window.innerHeight:document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (ns4){ for (i=1;i<=8;i=i+2) temp[i].bottom-=speed for (i=2;i<=8;i=i+2) temp[i].top+=speed if (temp[2].top>window.innerHeight) clearInterval(stopit) } else if (ie4||ns6){ clipbottom-=speed for (i=1;i<=8;i=i+2){ temp[i].clip="rect(0 auto+"+clipbottom+" 0)" } cliptop+=speed for (i=2;i<=8;i=i+2){ temp[i].clip="rect("+cliptop+" auto auto auto)" } if (clipbottom<=0){ if (ns6){ for (i=1;i<=8;i++) temp[i].display="none" } clearInterval(stopit) } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </SCRIPT>
|