页面马赛克显示效果
敬业的IT人
互联网
佚名
2008-1-12 9:46:36
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效代码|JsCode.CN|---页面马赛克效果</title></head><body><style><!--.intro {position:absolute;left:0;top:0;layer-background-color:green;background-color:green;border:0.1px solid green}--></style> <div id="p1" class="intro"> </div> <div id="p2" class="intro"> </div> <div id="p3" class="intro"> </div> <div id="p4" class="intro"> </div> <div id="p5" class="intro"> </div> <div id="p6" class="intro"> </div> <div id="p7" class="intro"> </div> <div id="p8" class="intro"> </div> <div id="p9" class="intro"> </div> <div id="p10" class="intro"> </div> <div id="p11" class="intro"> </div> <div id="p12" class="intro"> </div> <div id="p13" class="intro"> </div> <div id="p14" class="intro"> </div> <div id="p15" class="intro"> </div> <div id="p16" class="intro"> </div> <div id="p17" class="intro"> </div> <div id="p18" class="intro"> </div> <div id="p19" class="intro"> </div> <div id="p20" class="intro"> </div> <div id="p21" class="intro"> </div> <div id="p22" class="intro"> </div> <div id="p23" class="intro"> </div> <div id="p24" class="intro"> </div> <div id="p25" class="intro"> </div> <script> var espeed=300 var counter=1 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=25;i++){ temp[i]=eval("document.p"+i+".clip") temp2[i]=eval("document.p"+i) temp[i].width=window.innerWidth/5 temp[i].height=window.innerHeight/5 } for (i=1;i<=5;i++) temp2[i].left=(i-1)*temp[i].width for (i=6;i<=10;i++){ temp2[i].left=(i-6)*temp[i].width temp2[i].top=temp[i].height } for (i=11;i<=15;i++){ temp2[i].left=(i-11)*temp[i].width temp2[i].top=2*temp[i].height } for (i=16;i<=20;i++){ temp2[i].left=(i-16)*temp[i].width temp2[i].top=3*temp[i].height } for (i=21;i<=25;i++){ temp2[i].left=(i-21)*temp[i].width temp2[i].top=4*temp[i].height } } function erasecontainerns(){ window.scrollTo(0,0) var whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 if (temp2[whichcontainer].visibility!="hide") temp2[whichcontainer].visibility="hide" else{ while (temp2[whichcontainer].visibility=="hide"){ whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 } temp2[whichcontainer].visibility="hide" } if (counter==25) clearInterval(beginerase) counter++ espeed-=10 } if (document.all){ var containerwidth=parseInt(document.body.clientWidth/5) var containerheight=parseInt(document.body.offsetHeight/5) for (i=1;i<=25;i++){ temp[i]=eval("document.all.p"+i+".style") temp[i].width=containerwidth temp[i].height=containerheight } for (i=1;i<=5;i++) temp[i].left=(i-1)*containerwidth for (i=6;i<=10;i++){ temp[i].left=(i-6)*containerwidth temp[i].top=containerheight } for (i=11;i<=15;i++){ temp[i].left=(i-11)*containerwidth temp[i].top=2*containerheight } for (i=16;i<=20;i++){ temp[i].left=(i-16)*containerwidth temp[i].top=3*containerheight } for (i=21;i<=25;i++){ temp[i].left=(i-21)*containerwidth temp[i].top=4*containerheight } } function erasecontainerie(){ var whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 if (temp[whichcontainer].visibility!="hidden") temp[whichcontainer].visibility="hidden" else{ while (temp[whichcontainer].visibility=="hidden"){ whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 } temp[whichcontainer].visibility="hidden" } if (counter==25){ clearInterval(beginerase) clearInterval(keeptop) } counter++ espeed-=10 } if (document.layers) beginerase=setInterval("erasecontainerns()",espeed) else if (document.all){ beginerase=setInterval("erasecontainerie()",espeed) keeptop=setInterval("window.scrollTo(0.0)",100) } </script> </body></html>
- 最新文章
- 页面中旋转起伏的眩目光环[01-12]
- 如何在Frontpage中定义CSS样式？[01-11]
- 用Frontpage制作网上电影的发布[01-11]
- 用HTML和CSS写出漂亮正规的BLOG[01-11]
- 用 FrontPage2000 作 DHTML 动态网页[01-11]
- 用FrontPage2003轻松制作ASP动态网页[01-11]
- 相关文章
