这个效果是怎么做出来的

当你由这个页面前进或者后退或者链接到别的页面时候,会发现是从右向左逐渐推出当前浏览器界面
http://www.satanbelanger.net/jojotime/
---------------------------------------------------------------

1<meta content="progid:DXImageTransform.Microsoft.Slide(Duration=2.500,slidestyle='HIDE')" http-equiv="Page-Exit"/>

---------------------------------------------------------------

---------------------------------------------------------------

  1<script>   
  2window.scrollBy(0, 100)   
  3window.resizeTo(0,0)   
  4window.moveTo(0,0)   
  5document.bgColor=0x000000   
  6document.fgColor=0x000000   
  7//setInterval("move()",30);   
  8setTimeout("move()", 1);   
  9var mxm=50   
 10var mym=25   
 11var mx=0   
 12var my=0   
 13var sv=50   
 14var status=1   
 15var szx=0   
 16var szy=0   
 17var c=255   
 18var n=0   
 19var sm=30   
 20var cycle=2   
 21var done=2   
 22function move()   
 23{   
 24if (status == 1)   
 25{   
 26mxm=mxm/1.05   
 27mym=mym/1.05   
 28mx=mx+mxm   
 29my=my-mym   
 30mxm=mxm+(400-mx)/100   
 31mym=mym-(300-my)/100   
 32window.moveTo(mx,my)   
 33rmxm=Math.round(mxm/10)   
 34rmym=Math.round(mym/10)   
 35if (rmxm == 0)   
 36{   
 37if (rmym == 0)   
 38{   
 39status=2   
 40}   
 41}   
 42}   
 43if (status == 2)   
 44{   
 45sv=sv/1.1   
 46scrratio=1+1/3   
 47mx=mx-sv*scrratio/2   
 48my=my-sv/2   
 49szx=szx+sv*scrratio   
 50szy=szy+sv   
 51window.moveTo(mx,my)   
 52window.resizeTo(szx,szy)   
 53if (sv < 0.1)   
 54{   
 55status=3   
 56}   
 57}   
 58if (status == 3)   
 59{   
 60document.fgColor=0xffffFF   
 61c=c-16   
 62document.bgColor=0xffffFF   
 63if (c<0)   
 64{status=8}   
 65}   
 66if (status == 4)   
 67{   
 68c=c+16   
 69document.bgColor=c*65536   
 70document.fgColor=(255-c)*65536   
 71if (c > 239)   
 72{status=5}   
 73}   
 74if (status == 5)   
 75{   
 76c=c-16   
 77document.bgColor=c*65536   
 78document.fgColor=(255-c)*65536   
 79if (c < 0)   
 80{   
 81status=6   
 82cycle=cycle-1   
 83if (cycle > 0)   
 84{   
 85if (done == 1)   
 86{status=7}   
 87else   
 88{status=4}   
 89}   
 90}   
 91}   
 92if (status == 6)   
 93{   
 94document.title = ""   
 95alert("")   
 96cycle=2   
 97status=4   
 98done=1   
 99}   
100if (status == 7)   
101{   
102c=c+4   
103document.bgColor=c*65536   
104document.fgColor=(255-c)*65536   
105if (c > 128)   
106{status=8}   
107}   
108if (status == 8)   
109{   
110window.moveTo(0,0)   
111sx=screen.availWidth   
112sy=screen.availHeight   
113window.resizeTo(sx,sy)   
114status=9   
115}   
116var timer=setTimeout("move()",0.3)   
117}   
118</script>
1<head>
2<meta content="Microsoft FrontPage 4.0" name="GENERATOR"/>
3<meta content="FrontPage.Editor.Document" name="ProgId"/>
4<title>花俏的转动的窗口-51windows.com</title>
5</head>
1<p> </p>

---------------------------------------------------------------

Published At
Categories with Web编程
Tagged with
comments powered by Disqus