Js页面缩小特效，由大到小变化

2024-09-05 12:18:39

字体：大中小

来源：转载

供稿：网友

网页窗口缩小特效，由大到小的把网页上的所有内容强制缩小显示，慢慢的缩小，直到看不见为止，变小的速度可以调节，有很多参数都可以自定义的。可把本效果用在网页过渡切换效果里面。

<HTML><HEAD><TITLE>页面缩小特效</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 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实现上下左右飞舞的窗口

下一篇：Js实现页面上下滚动效果

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注