向复选框插入背景图像

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function bgChange(bg)
  5. {
  6. document.getElementById('x').style.background="url(" + bg + ")"
  7. }
  8. </script>
  9. </head>
  10.  
  11. <body>
  12.  
  13. <p>本例演示如何改变单选按钮的背景颜色。</p>
  14. <p>请把鼠标移动到下面的三个表格单元上,背景颜色将会改变:</p>
  15.  
  16. <table width="300" height="100">
  17. <tr>
  18. <td onmouseover="bgChange('/i/eg_bg_03.gif')"
  19. background="/i/eg_bg_03.gif">
  20. </td>
  21. <td onmouseover="bgChange('/i/eg_bg_04.gif')"
  22. background="/i/eg_bg_04.gif">
  23. </td>
  24. </tr>
  25. </table>
  26.  
  27. <form>
  28. 请把鼠标移动到图像上:
  29. <input id="x" type="checkbox" checked value="ON">
  30. </form>
  31.  
  32. </body>
  33. </html>