菜单描述

  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:180px;
  16. background:#FF8080;
  17. }
  18. td
  19. {
  20. font:bold;
  21. background:#ADD8E6;
  22. }
  23. </style>
  24. <script type="text/javascript">
  25. function gettip(txt)
  26. {
  27. document.getElementById('tip').innerHTML=txt
  28. }
  29. function reset()
  30. {
  31. document.getElementById('tip').innerHTML=" "
  32. }
  33. </script>
  34. </head>
  35.  
  36. <body>
  37. <b>请把鼠标移动到链接上，就可以看到关于它们的描述：</b><br />
  38. <table width="400px">
  39. <tr>
  40. <th>
  41. <a href="http://www.jishuchi.com" 
  42. onmouseover="gettip('jishuchi is the best Web Developers resource on the Web')"
  43. onmouseout="reset()">jishuchi.com</a>
  44. </th>
  45. <td rowspan="3" id="tip"> </td>
  46. </tr>
  47. <tr>
  48. <th>
  49. <a href="http://www.microsoft.com" onmouseover="gettip('Internet Explorer is winning the browser war')"
  50. onmouseout="reset()">Internet Explorer</a>
  51. </th>
  52. </tr>
  53. <tr>
  54. <th>
  55. <a href="http://my.netscape.com" onmouseover="gettip('The Navigator is Netscapes browser tribute to web surfers')"
  56. onmouseout="reset()">Netscape Navigator</a>
  57. </th>
  58. </tr>
  59. </table>
  60.  
  61. </body>
  62. </html>