从中间展开的网页特效代码

2024-09-05 12:18:31

字体：大中小

来源：转载

供稿：网友

一个综合的页面效果，从中间展开的网页特效代码，从打开网页开始，页面特效就开始了，可以看到网页的内容从中间向上下两边展开。

<html><head><title>从中间展开的网页特效代码</title><style></style></head><body><div id="i1" class="intro"></div><div id="i2" class="intro"></div><script language="JavaScript1.2">var speed=20var temp=new Array()var temp2=new Array()if (document.layers){for (i=1;i<=2;i++){temp[i]=eval("document.i"+i+".clip")temp2[i]=eval("document.i"+i)temp[i].width=window.innerWidthtemp[i].height=window.innerHeight/2temp2[i].top=(i-1)*temp[i].height}}else if (document.all){var clipbottom=document.body.offsetHeight/2,cliptop=0for (i=1;i<=2;i++){temp[i]=eval("document.all.i"+i+".style")temp[i].width=document.body.clientWidthtemp[i].height=document.body.offsetHeight/2temp[i].top=(i-1)*parseInt(temp[i].height)}}function openit(){window.scrollTo(0,0)if (document.layers){temp[1].bottom-=speedtemp[2].top+=speedif (temp[1].bottom<=0)clearInterval(stopit)}else if (document.all){clipbottom-=speedtemp[1].clip="rect(0 auto+"+clipbottom+" 0)"cliptop+=speedtemp[2].clip="rect("+cliptop+" auto auto)"if (clipbottom<=0)clearInterval(stopit)}}function gogo(){stopit=setInterval("openit()",100)}gogo()</script></body></html>

上一篇：竖向的百叶窗网页效果

下一篇：一个自定义的网页滚动条，支持图片显示