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

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

时间:2015-05-19 19:03:58      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:javascript

实例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>
这样本实例就做好了。

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

标签:javascript

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

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