從中間展開(kāi)的網(wǎng)頁(yè)特效代碼

2024-09-05 12:18:31

字體：大中小

供稿：網(wǎng)友

一個(gè)綜合的頁(yè)面效果，從中間展開(kāi)的網(wǎng)頁(yè)特效代碼，從打開(kāi)網(wǎng)頁(yè)開(kāi)始，頁(yè)面特效就開(kāi)始了，可以看到網(wǎng)頁(yè)的內(nèi)容從中間向上下兩邊展開(kāi)。

<html><head><title>從中間展開(kāi)的網(wǎng)頁(yè)特效代碼</title><style></style></head><body><div   class="iwvjtn8m0"   id="i1" class="intro"></div><div   class="iwvjtn8m0"   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>

上一篇：豎向的百葉窗網(wǎng)頁(yè)效果

下一篇：一個(gè)自定義的網(wǎng)頁(yè)滾動(dòng)條，支持圖片顯示