旋轉(zhuǎn)打開(kāi)的網(wǎng)頁(yè)窗口，自動(dòng)最大化

2024-09-05 12:18:36

字體：大中小

供稿：網(wǎng)友

一個(gè)旋轉(zhuǎn)著打開(kāi)的網(wǎng)頁(yè)窗口，旋轉(zhuǎn)停止后自動(dòng)在屏幕正中央顯示，而且自動(dòng)最大化，好像很智能的樣子，使用JS來(lái)實(shí)現(xiàn)本效果，通過(guò)這個(gè)實(shí)例你也會(huì)了解許多JS的方法和屬性，比如獲取屏幕大小并重設(shè)屏幕大小等。

<HTML><HEAD><TITLE>旋轉(zhuǎn)打開(kāi)的窗口</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 id="iwvjtn8m0"    class="STYLE1">旋轉(zhuǎn)打開(kāi)的窗口</span></CENTER><BR><CENTER><TABLE borderColor=#00FFFF border=5 borderlight="green">  <TBODY>  <TR>    <TD align=middle><span id="iwvjtn8m0"    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實(shí)現(xiàn)網(wǎng)頁(yè)百葉窗Js特效代碼

下一篇：自動(dòng)滾屏按鈕_按鈕控制滾屏的代碼