案例：HTML DOM案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<script type="text/javascript">
4
var timer
5
function scrolltop()
6
{
7
document.getElementById('scrollmenu').style.top=document.body.scrollTop
8
timer=setTimeout("scrolltop()",1)
9
}
10
function stoptimer()
11
{
12
clearTimeout(timer)
13
}
14
</script>
15
</head>
16
​
17
<body onload="scrolltop()" onunload="stoptimer()">
18
<span id="scrollmenu" style="position:absolute">
19
<b>菜单</b><br />
20
<a href="//www.w3xue.com">W3xue</a><br />
21
<a href="http://www.microsoft.com">Microsoft</a><br />
22
<a href="http://www.altavista.com">Altavista</a><br />
23
</span>
24
​
25
<table border="0" width="100%">
26
<tr>
27
<td width="100"> </td>
28
<td>滚动页面，就可以看到“置顶”的菜单。
29
<br /><br /><br /><br /><br />
30
滚动页面，就可以看到“置顶”的菜单。
31
<br /><br /><br /><br /><br />
32
滚动页面，就可以看到“置顶”的菜单。
33
<br /><br /><br /><br /><br />
34
滚动页面，就可以看到“置顶”的菜单。
35
<br /><br /><br /><br /><br />
36
滚动页面，就可以看到“置顶”的菜单。
37
<br /><br /><br /><br /><br />
38
滚动页面，就可以看到“置顶”的菜单。
39
<br /><br /><br /><br /><br />
40
滚动页面，就可以看到“置顶”的菜单。
41
<br /><br /><br /><br /><br />
42
滚动页面，就可以看到“置顶”的菜单。
43
<br /><br /><br /><br /><br />
44
滚动页面，就可以看到“置顶”的菜单。
45
<br /><br /><br /><br /><br />
46
滚动页面，就可以看到“置顶”的菜单。
47
<br /><br /><br /><br /><br />
48
滚动页面，就可以看到“置顶”的菜单。