JavaScript特效实例018-下降式浏览器

来源：互联网发布：滴答清单 windows 编辑：程序博客网时间：2024/05/21 14:50

实例018 下降式浏览器

实例说明

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

技术要点

本实例主要应用了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>

1 0