关注公众号 jb51net

关闭

首页 > 网络编程 > JavaScript > 网页特效 > 其他特效 > js实现旋转之后慢慢张开的窗口

js实现花俏的转动、旋转之后慢慢张开的窗口特效

2012-12-25 16:54:56 作者：

花俏的转动的窗口，主要是使用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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章: