案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style>
4
table
5
{
6
background:black;
7
}
8
a
9
{
10
text-decoration:none;
11
color:#000000;
12
}
13
th
14
{
15
width:200px;
16
background:#FF8080;
17
}
18
td
19
{
20
font:bold;
21
background:#ADD8E6;
22
}
23
</style>
24
<script type="text/javascript">
25
function gettip(image)
26
{
27
document.getElementById('tip').innerHTML="<img src='" + image + "' />"
28
}
29
function reset()
30
{
31
document.getElementById('tip').innerHTML=" "
32
}
33
</script>
34
</head>
35
36
<body>
37
<b>请把鼠标移动到链接上,就可以看到它们的 logo:</b><br />
38
<table width="400px">
39
<tr>
40
<th>
41
<a href="/" 
42
onmouseover="gettip('/img/eg_banner_W3xue100_35.gif')"
43
onmouseout="reset()">W3xue.com</a>
44
</th>
45
<td rowspan="3" id="tip" align="center" valign="center"> </td>
46
</tr>
47
<tr>
48
<th>