JavaScript特效实例014-页面自动滚动

时间：2015-05-19 19:03:58 收藏：0 阅读：167

实例014 页面自动滚动

实例说明

本实例实现在打开页面，当页面出现纵向滚动条时，页面中的内容将从上向下进行滚动。

技术要点

本例主要是使用window对象的scroll（）方法指定窗口的当前位置。下面对scroll（）方法进行详细说明。

scroll（）方法的语法格式：

scroll(x,y);

参数说明如下。

1.x:屏幕的横向坐标

2.y屏幕的纵向坐标

功能：指定窗口滚动坐标的位置。

实现过程

用于实现功能的主页面index.html.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
	var position = 0;
	function scroller()
	{
		if(true)
		{
			position++;
			scroll(0,position);
			clearTimeout(timer);
			var timer = setTimeout("scroller()",10);
		}
	}
	scroller();
	</script>
</head>
<body>
	<img src="new.jpg"/><br/>
	<img src="new.jpg"/><br/>
	<img src="new.jpg"/><br/>
	<img src="new.jpg"/><br/>
</body>
</html>

这样本实例就做好了。