代码示例:(标识:dhtm_menu_descrimage)
<html>
<head>
<style>
table
{
background:black;
}
a
{
text-decoration:none;
color:#000000;
}
th
{
width:200px;
background:#FF8080;
}
td
{
font:bold;
background:#ADD8E6;
}
</style>
<script type="text/javascript">
function gettip(image)
{
document.getElementById('tip').innerHTML="<img src='" + image + "' />"
}
function reset()
{
document.getElementById('tip').innerHTML=" "
}
</script>
</head>

<body>
<b>请把鼠标移动到链接上,就可以看到它们的 logo:</b><br />
<table width="400px">
<tr>
<th>
<a href="/index.php" 
onmouseover="gettip('/i/(www.sou-xun.com)_logo_black.gif')"
onmouseout="reset()">sou-xun.com</a>
</th>
<td rowspan="3" id="tip" align="center" valign="center"> </td>
</tr>
<tr>
<th>
<a href="http://www.microsoft.com"
onmouseover="gettip('/static/demo/images/eg_logo_microsoft.gif')"
onmouseout="reset()">Internet Explorer</a>
</th>
</tr>
</tr>
<tr>
<th>
<a href="http://my.netscape.com"
onmouseover="gettip('/static/demo/images/eg_logo_netscape.gif')"
onmouseout="reset()">Netscape Navigator</a>
</th>
</tr>
</table>
</body>

</html>
运行结果: