改变背景颜色

  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript">
  5. function bgChange(bg)
  6. {
  7. document.body.style.background=bg
  8. }
  9. </script>
  10. </head>
  11.  
  12. <body>
  13.  
  14. <b>请把鼠标移动到正方形上,背景颜色会发生改变!</b>
  15.  
  16. <table width="300" height="100">
  17. <tr>
  18. <td onmouseover="bgChange('red')"
  19. onmouseout="bgChange('transparent')"
  20. bgcolor="red">
  21. </td>
  22. <td onmouseover="bgChange('blue')"
  23. onmouseout="bgChange('transparent')"
  24. bgcolor="blue">
  25. </td>
  26. <td onmouseover="bgChange('green')"
  27. onmouseout="bgChange('transparent')"
  28. bgcolor="green">
  29. </td>
  30. </tr>
  31. </table>
  32.  
  33. </body>
  34. </html>