JavaScript特效執行個體016-動態顯示視窗，javascript016-
執行個體016 動態顯示視窗執行個體說明 在開啟視窗時，將視窗設定為最小的寬度，並使視窗的高度逐漸增加，當視窗的高度與螢幕的高度一致時，使視窗的寬度不斷增加，直到與螢幕的寬度相一致。技術要點本執行個體主要應用了screen對象的availWidth和availHeight屬性獲得當前螢幕的寬度和高度，並使用resizeTo（）方法來自動增加視窗的高度和寬度。實現過程實現功能首頁面Index.html
<html><head> <title></title> <script language="JavaScript"> function pp() { alert("1"); var heightspeed = 2; var widthspeed = 7; var leftdist = 0; var topdist = 0; var winwidth = window.screen.availWidth - leftdist; var winheight = window.screen.availHeight - topdist; for (var sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) { self.resizeTo("1", sizeheight); } for( var sizewidth = 1;sizewidth<winwidth;sizewidth+=widthspeed) { self.resizeTo(sizewidth, sizeheight); } } </script></head> <body onload="pp()"></body></html>這樣本執行個體就做好了。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
