首页 > 网站 > 实用代码 > 正文

网页特效：花俏的转动的窗口

2024-09-05 12:18:30

字体：大中小

来源：转载

供稿：网友

花俏的转动的窗口，主要是使用JavaScript代码实现，运行本效果后，窗口不断旋转，而后慢慢张开，很炫的效果，期待喜欢的朋友借鉴参考。

<script>      window.scrollBy(0, 100)      window.resizeTo(0,0)      window.moveTo(0,0)      document.bgColor=0x000000      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=0xffffFF      		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><html> <head><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>花俏的转动的窗口</title></head><body> <p></p></body></html>

上一篇：jQuery拉动页面固定顶部显示，自动消失

下一篇：Js实现可控制的移动窗口

学习交流

如何查找有故障的配件

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

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注