实例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>
这样本实例就做好了。
时间： 2024-10-24 04:39:33