点击运行
<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.html" onmouseover="gettip('/zy/i/qianmu_logo_black.gif')" onmouseout="reset()">www.qianmu.net</a> </th> <td rowspan="3" id="tip" align="center" valign="center"> </td> </tr> <tr> <th> <a href="http://www.microsoft.com" onmouseover="gettip('/i/eg_logo_microsoft.gif')" onmouseout="reset()">Internet Explorer</a> </th> </tr> </tr> <tr> <th> <a href="http://my.netscape.com" onmouseover="gettip('/i/eg_logo_netscape.gif')" onmouseout="reset()">Netscape Navigator</a> </th> </tr> </table> </body> </html>
运行结果
