旋转打开的网页窗口，自动最大化

2024-09-05 12:18:36

字体：大中小

来源：转载

供稿：网友

一个旋转着打开的网页窗口，旋转停止后自动在屏幕正中央显示，而且自动最大化，好像很智能的样子，使用JS来实现本效果，通过这个实例你也会了解许多JS的方法和属性，比如获取屏幕大小并重设屏幕大小等。

<HTML><HEAD><TITLE>旋转打开的窗口</TITLE><STYLE type=text/css>.STYLE1 {	font-size: 40px;	font-family: "华文彩云";	color: #9900FF;}.STYLE2 {	font-size: 30px;	font-weight: bold;	font-family: "华文行楷";	color: #FF00CC;}</STYLE><META http-equiv=Content-Type content="text/html; charset=gb2312"></HEAD><BODY bgColor=#fef4d9><CENTER>  <span class="STYLE1">旋转打开的窗口</span></CENTER><BR><CENTER><TABLE borderColor=#00FFFF border=5 borderlight="green">  <TBODY>  <TR>    <TD align=middle><span class="STYLE2">效果显示</span></TD>  </TR>  <TR>    <TD class=p9 align=middle>      <SCRIPT>      window.scrollBy(0, 100)      window.resizeTo(0,0)      window.moveTo(0,0)      document.bgColor=0xfef4d9     document.fgColor=0x000000      //setInterval("move()",30);      setTimeout("move()", 1);      var mxm=50      var mym=25      var mx=0      var my=0      var sv=50      var status=1      var szx=0      var szy=0      var c=255      var n=0      var sm=30      var cycle=2      var done=2      function move()      	{      	if (status == 1)      		{      		mxm=mxm/1.05      		mym=mym/1.05      		mx=mx+mxm      		my=my-mym      		mxm=mxm+(400-mx)/100      		mym=mym-(300-my)/100      		window.moveTo(mx,my)      		rmxm=Math.round(mxm/10)      		rmym=Math.round(mym/10)      		if (rmxm == 0)      			{      			if (rmym == 0)      				{      				status=2      				}      			}      		}      	if (status == 2)      		{      		sv=sv/1.1      		scrratio=1+1/3      		mx=mx-sv*scrratio/2      		my=my-sv/2      		szx=szx+sv*scrratio      		szy=szy+sv      		window.moveTo(mx,my)      		window.resizeTo(szx,szy)      		if (sv < 0.1)      			{      			status=3      			}      		}      	if (status == 3)      		{      		document.fgColor=0xffffFF      		c=c-16      		document.bgColor=0xfef4d9     		if (c<0)      			{status=8}      		}      	if (status == 4)      		{      		c=c+16      		document.bgColor=c*65536      		document.fgColor=(255-c)*65536      		if (c > 239)      			{status=5}      		}      	if (status == 5)      		{      		c=c-16      		document.bgColor=c*65536      		document.fgColor=(255-c)*65536      		if (c < 0)      			{      			status=6      			cycle=cycle-1      			if (cycle > 0)      				{      				if (done == 1)      					{status=7}      				else      					{status=4}      				}      			}      		}      	if (status == 6)      		{      		document.title = ""      		alert("")      		cycle=2      		status=4      		done=1      		}      	if (status == 7)      		{      		c=c+4      		document.bgColor=c*65536      		document.fgColor=(255-c)*65536      		if (c > 128)      			{status=8}      		}      	if (status == 8)      		{      		window.moveTo(0,0)      		sx=screen.availWidth      		sy=screen.availHeight      		window.resizeTo(sx,sy)      		status=9      	}      	var timer=setTimeout("move()",0.3)      	}      </SCRIPT>  </TD></TR></TBODY></TABLE></CENTER></BODY></HTML>

上一篇：JS实现网页百叶窗Js特效代码

下一篇：自动滚屏按钮_按钮控制滚屏的代码

学习交流

如何查找有故障的配件

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

热门图片

猜你喜欢的新闻

猜你喜欢的关注