下降式浏览器

实例说明

本实例是在窗口打开时，将整个窗口放在屏幕的最上面，使窗口无法在屏幕中进行显示，然后动态地使窗口进行下移，直到窗口显示在屏幕的左上角为止。

技术要点

本实例主要应用了 screen 对象的 availHesht 属性来获得当前屏幕工作区的高度，并用 window 对象的 moveBy（）方法使窗口自动下移。下面对 window 对象的 moveBy（）方法进行详细的介绍。

moveBy（）方法的语法格式：

window.moveBy(x,y)

参数说明如下。

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

功能：按照指定位移量设置窗口的大小。

实现过程

实现功能的主页面

<!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>