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

浏览数：25 / 时间：2015年06月08日

实例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>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

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