有什么办法可以让鼠标左点击图片按钮时，呈现出被按下去的效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<Style>
  .OffValue{
    Border-Bottom: #808070 3px solid;
    Border-Left: #dfdfdf 3px solid;
    Border-Right: #808070 3px solid;
    Border-Top: #dfdfdf 3px solid;    
  }  .OnValue{
    Border-Bottom: #dfdfdf 3px solid;
    Border-Left: #808070 3px solid;
    Border-Right: #dfdfdf 3px solid;
    Border-Top: #808070 3px solid;    
  }
</Style><Script>
  function t1(element)
  {
if (element.className == 'OffValue') element.className = 'OnValue';
  else element.className = 'OffValue';
  }
</Script>
</HEAD><BODY>
<img src="f:\html\picture\1.jpg" style="height:100px;width:100px" class="OffValue" onclick="t1(this)">
</BODY>
</HTML>

解决方案 »

  1.   

    <input type=button value=ok
     style="
    border          : 0;
    height          : 20px;
    padding-top     : 2px;
    width           : 80px;
    background-image: url(pic/buttonbg.gif);"
    >
      

  2.   

    试试onmousedown=BtnOver(this)
    <script>
    function BtnOver(btn){
    btn.style.borderTopColor="#efece8";
    btn.style.borderBottomColor="#888070";
    btn.style.borderLeftColor="#efece8";
    btn.style.borderRightColor="#888070";
    }
    </script>
      

  3.   

    换图片的方法://Up.jpg代表平时的图片
    //Down.jpg代表有凹下去效果的图片<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <Script>
      function t1(element)
      {
        alert(element.src);
    if (element.src == 'file:///f:/html/picture/Up.jpg') element.src = "f:/html/picture/Down.jpg";
      else element.src = "f:/html/picture/Up.jpg";
      }
    </Script>
    </HEAD><BODY>
    <img src="f:/html/picture/Up.jpg" style="width:100px;height:100px" onclick="t1(this)">
    </BODY>
    </HTML>