JavaScript特效实例017-慢慢放大的窗口
实例017 慢慢放大的窗口
实例说明
技术要点
实现过程
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <script type="text/javascript"> var sun = 400; var screenW = window.screen.availWidth; var screenH = window.screen.availHeight; var initialW = screenW-sun; var initialH = screenH-sun; window.resizeTo(initialW,initialH); var x = sun/2; var y = sun/2; window.moveTo(x,y); var timer; function blow() { if(initialH<(window.screen.height-30)) { initialW = initialW+2; initialH = initialH+2; window.resizeTo(initialW,initialH); timer = setTimeout("blow()",50); x=x-1; y=y-1; window.moveTo(x,y); } else { window.clearTimeout(timer); } } </script> </head> <body onload="blow()"> </body> </html>这样这个实例就好了。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。