<html> <head> <title>无忧建站-网页特效-窗口特效-页面加载百叶窗效果</title> <meta http-equiv=content-Type content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head>之间--> <style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:blue; background-color:blue; border:0.1px solid blue; z-index:10; } --> </style> </head> <body> <!--把下面代码加到<body>与</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"> var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=8;i++){ temp=eval("document.i"+i+".clip") temp2=eval("document.i"+i) temp.width=window.innerWidth temp.height=window.innerHeight/8 temp2.top=(i-1)*temp.height } } else if (ie4||ns6){ var clipright=ns6?window.innerWidth:document.body.clientWidth clipleft=0 for (i=1;i<=8;i++){ temp=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp.width=ns6?window.innerWidth-15:document.body.clientWidth temp.height=ns6?window.innerHeight/8:document.body.offsetHeight/8 temp.top=(i-1)*parseInt(temp.height) } } function openit(){ window.scrollTo(0,0) if (ns4){ for (i=1;i<=8;i=i+2) temp.right-=speed for (i=2;i<=8;i=i+2) temp.left+=speed if (temp[2].left>window.innerWidth) clearInterval(stopit) } else if (ie4||ns6){ clipright-=speed for (i=1;i<=8;i=i+2){ temp.clip="rect(0 "+clipright+" auto 0)" } clipleft+=speed for (i=2;i<=8;i=i+2){ temp.clip="rect(0 auto auto "+clipleft+")" } if (clipright<=0){ if (ns6){ for (i=1;i<=8;i++) temp.display="none" } clearInterval(stopit) } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> </body> </html> |