如何实现点击一个图片按钮后,按钮变成另一个图片?

代码如下:
<table width="100%" height="43" border="0" cellpadding="0" cellspacing="0" background="./images/top_bg.jpg">
  <tr> 
    <td width="1" valign="top">&nbsp;</td>
    <td width="70" >
<img src="./images/display_01.jpg" alt="" title="" name="display1" 
width="58" height="43" border="0" 
onMouseOut="this.src='./images/display_01.jpg'"
onMouseOver="this.src='./images/display_02.jpg'"
onclick="changeRows()">
</td>
    
  </tr>
</table>

解决方案 »

  1.   

    在DREAMWEAVER里加“鼠标经过图像”！
    然后在行为里把：onMouseOver改成onMouseDown；把onMouseOut改为onMouseUp就可以得到你的效果了！
    代码如下：
    <body onLoad="MM_preloadImages('images/Enter1.gif','images/Clear1.gif','images/back1.gif')">
    <div id="Layer2" style="position:absolute; left:569px; top:670px; width:157px; height:64px; z-index:2"><a href="#" onMouseDown="MM_swapImage('Image3','','images/Clear1.gif',1)" onMouseUp="MM_swapImgRestore()"><img src="images/Clear.gif" name="Image3" width="157" height="64" border="0"></a></div>
      

  2.   

    原图片我想保留onMouseOut和onMouseOver事件,点击后显示另外一幅图片也有另外一套相应的onMouseOut和onMouseOver事件,我现在能实现点击改变图片,但是相应的onMouseOut和onMouseOver显示图片不知道该如何修改
      

  3.   

    观注,我也同样有这样的问题,不知道怎么解决onMouseOut和onMouseOver事件其它图片还能切换,单击其中一个时就当前这个显示为onMouseOver时的显示内容
      

  4.   

    如何实现点击一个图片按钮后,按钮变成另一个图片? 
    --------------------------------------------
    <script>
    function a(){
    a1.outerHTML=a1.outerHTML.replace(/a.gif/,'b.gif')
    }
    </script>
    <img id="a1" src="a.gif" onclick="a();">