鍍金池/ 教程/ HTML/ 動態(tài)顯示窗口
彈出的窗口之 Cookie 控制
打開新窗口顯示廣告信息
控制彈出窗口居中顯示
關(guān)閉彈出的窗口時，刷新父窗口
打開窗口特殊效果
動態(tài)顯示窗口
網(wǎng)頁拾色器
彈出網(wǎng)頁模式對話框
下降式瀏覽器
自動關(guān)閉的廣告窗口
頁面自動滾動
為彈出的窗口加入關(guān)閉按鈕
慢慢放大的窗口
定時打開窗口
彈出全屏顯示的網(wǎng)頁模式對話框
關(guān)閉 IE 主窗口時，不彈出詢問對話框
日期選擇器
通過按鈕創(chuàng)建窗口

動態(tài)顯示窗口

實例說明

在打開窗口時，將窗口設(shè)置為最小的寬度，并使窗口的高度逐漸增加，當(dāng)窗口的高度與屏幕的高度一致時，使窗口的寬度不斷增加，直到與屏幕的寬度相一致。

技術(shù)要點

本實例主要應(yīng)用了 screen 對象的 availWidth 和 availHeight 屬性獲得當(dāng)前屏幕的寬度和高度，并使用 resizeTo（）方法來自動增加窗口的高度和寬度。

實現(xiàn)過程

實現(xiàn)功能主頁面 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>