码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-05-29 20:27:09      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:javascript

实例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-下降式浏览器

标签:javascript

原文地址:http://blog.csdn.net/yejinwei1220/article/details/46238981

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!