|
|
JavaScript 实例讲解
| 页面自动滚动 |
 |
|
| |
|
|
|
| 效 果 演 示： |
 |
|
|
|
|
|
| |
| 源代码如下： |
|
|
|
这段程序放在<head>与</head>之间
|
|
|
| 源程序讲解： |
|
|
|
|
|
|
|
var position = 0;
|
设置变量position的值为0。 |
var timeoutid=null;
|
设置延时变量的值为空。 |
function scrollhtml()
|
定义一个函数。 |
{ if (position < 400 )
{ position++;
|
如果当前的页面长度小于400，opsition的值累加，直至大于等于400。 |
scroll(0,position);
|
页面开始滚动，x坐标不动，y向开始滚动，直到posotion位置。 |
clearTimeout(timeoutid);
|
取消延时变量的值。 |
timeoutid = setTimeout("scrollhtml()",100); }
|
settimeout的作用就是在100毫秒后，自动调用scrollhtml函数。 |
| else{ clearTimeout(timeoutid); |
如果当前的页面长度不小于400，每100毫秒，自动调用scrollhtml函数，此时间可以自己设置，它决定滚动速度。 |
| scroll(0,0); |
回到初始位置。 |
|
|
|
|
|
|