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

下降式瀏覽器

實例說明

本實例是在窗口打開時，將整個窗口放在屏幕的最上面，使窗口無法在屏幕中進(jìn)行顯示，然后動態(tài)地使窗口進(jìn)行下移，直到窗口顯示在屏幕的左上角為止。

技術(shù)要點(diǎn)

本實例主要應(yīng)用了 screen 對象的 availHesht 屬性來獲得當(dāng)前屏幕工作區(qū)的高度，并用 window 對象的 moveBy（）方法使窗口自動下移。下面對 window 對象的 moveBy（）方法進(jìn)行詳細(xì)的介紹。

moveBy（）方法的語法格式：

window.moveBy(x,y)

參數(shù)說明如下。

  • x：水平位移量
  • y：垂直位移量

功能：按照指定位移量設(shè)置窗口的大小。

實現(xiàn)過程

實現(xiàn)功能的主頁面

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title></title>  
    <script type="text/javascript">  
    function drop()  
    {  
        var heig = window.screen.availHeight;  
        if(self.moveBy)  
        {  
            self.moveBy(0,-heig);  
            for(i = Math.floor(heig/3);i>0;i--)  
            {  
                self.moveBy(0,3);  
            }  
        }  
    }  
    </script>  
</head>  
<body onload = "drop()">  
    <img src="new.jpg"/><br/>  
    <img src="new.jpg"/><br/>  
    <img src="new.jpg"/><br/>  
    <img src="new.jpg"/><br/>  
</body>  
</html>