案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
   <tr><td class="menu"><a href="/html/oldhtml/">HTML</a></td></tr>
 
1
<html>
2
<head>
3
<style>
4
body{font-family:arial;}
5
table{background:black;position:absolute;}
6
a{color:black;text-decoration:none;font:bold}
7
a:hover{color:#606060}
8
td.menu{background:lightblue}
9
10
table.topnav
11
{
12
font-size:80%;
13
top:0;
14
left:0;
15
}
16
17
table.menu
18
{
19
font-size:100%;
20
bottom:0;
21
z-index:-1;
22
23
}
24
</style>
25
<script type="text/javascript">
26
var i=0
27
var intHide
28
29
function show()
30
{
31
if (i>-100)
32
    {
33
    i=i-1
34
    document.all("menu").style.bottom=i
35
    }
36
}
37
38
function showmenu()
39
{
40
clearInterval(intHide)
41
intShow=setInterval("show()",10)
42
}
43
44
function hide()
45
{
46
if (i<0)
47
    {
48
    i=i+1