W3School TIY Editor

<html>
<head>
<style>
table
{
background:black;
}
a
{
text-decoration:none;
color:#000000;
}
th
{
width:180px;
background:#FF8080;
}
td
{
font:bold;
background:#ADD8E6;
}
</style>
<script type="text/javascript">
function gettip(txt)
{
document.getElementById('tip').innerHTML=txt
}
function reset()
{
document.getElementById('tip').innerHTML=" "
}
</script>
</head>

<body>
<b>请把鼠标移动到链接上，就可以看到关于它们的描述：</b><br />
<table width="400px">
<tr>
<th>
<a href="http://www.w3school.com.cn" 
onmouseover="gettip('W3School is the best Web Developers resource on the Web')"
onmouseout="reset()">W3School.com.cn</a>
</th>
<td rowspan="3" id="tip"> </td>
</tr>
<tr>
<th>
<a href="http://www.microsoft.com" onmouseover="gettip('Internet Explorer is winning the browser war')"
onmouseout="reset()">Internet Explorer</a>
</th>
</tr>
<tr>
<th>
<a href="http://my.netscape.com" onmouseover="gettip('The Navigator is Netscapes browser tribute to web surfers')"
onmouseout="reset()">Netscape Navigator</a>
</th>
</tr>
</table>

</body>
</html>