图像描述

  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="/index.html" 
  42. onmouseover="gettip('/i/logo_black.gif')"
  43. onmouseout="reset()">jishuchi.com</a>
  44. </th>
  45. <td rowspan="3" id="tip" align="center" valign="center"> </td>
  46. </tr>
  47. <tr>
  48. <th>
  49. <a href="http://www.microsoft.com"
  50. onmouseover="gettip('/i/eg_logo_microsoft.gif')"
  51. onmouseout="reset()">Internet Explorer</a>
  52. </th>
  53. </tr>
  54. </tr>
  55. <tr>
  56. <th>
  57. <a href="http://my.netscape.com"
  58. onmouseover="gettip('/i/eg_logo_netscape.gif')"
  59. onmouseout="reset()">Netscape Navigator</a>
  60. </th>
  61. </tr>
  62. </table>
  63. </body>
  64.  
  65. </html>