Js頁(yè)面縮小特效，由大到小變化

2024-09-05 12:18:39

字體：大中小

供稿：網(wǎng)友

網(wǎng)頁(yè)窗口縮小特效，由大到小的把網(wǎng)頁(yè)上的所有內(nèi)容強(qiáng)制縮小顯示，慢慢的縮小，直到看不見(jiàn)為止，變小的速度可以調(diào)節(jié)，有很多參數(shù)都可以自定義的。可把本效果用在網(wǎng)頁(yè)過(guò)渡切換效果里面。

<HTML><HEAD><TITLE>頁(yè)面縮小特效</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><STYLE>.intro {BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; LEFT: 0px; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: white; layer-background-color: white}</STYLE></HEAD><BODY bgColor=#000000><div   class="iwvjtn8m0"   id="i1" class="intro"></div><script language="JavaScript1.2">//嘗試改變速度var speed=5if (document.layers){var reference=window.innerWidth/window.innerHeightvar temp=eval("document.i1.clip")temp.left=temp.top=0temp.right=window.innerWidthtemp.bottom=window.innerHeight}else if (document.all){var reference=document.body.clientWidth/document.body.clientHeightvar rightclip,leftclip,topclip,bottomclipvar temp=document.all.i1.styletopclip=leftclip=0rightclip=temp.width=document.body.clientWidthbottomclip=temp.height=document.body.clientHeight}function doit(){window.scrollTo(0,0)if (document.layers){if (temp.left>window.innerWidth/2)clearInterval(stopit)temp.left+=reference*speedtemp.top+=speedtemp.right-=reference*speedtemp.bottom-=speed}else if (document.all){if (leftclip>document.body.clientWidth/2)clearInterval(stopit)temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"leftclip+=reference*speedtopclip+=speedrightclip-=reference*speedbottomclip-=speed}}stopit=setInterval("doit()",100)</script></HTML>

上一篇：JS實(shí)現(xiàn)上下左右飛舞的窗口

下一篇：Js實(shí)現(xiàn)頁(yè)面上下滾動(dòng)效果