onmousedown 和onmouseup - 当用户按下鼠标按钮时，更换一幅图像。 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
</head>
<head>
  <script>
    function lighton() {
      document.getElementById('myimage').src = "/examples/bulbon.gif";
    }

    function lightoff() {
      document.getElementById('myimage').src = "/examples/bulboff.gif";
    }
  </script>
</head>

<body>
  <img id="myimage" onmousedown="lighton()" onmouseup="lightoff()" src="/examples/bulboff.gif" width="100" height="180" />
  <p>点击不释放鼠标灯将一直亮着!</p>
</body>
</html>
        