原来是这样的:<td align="center" valign="middle"  >
    <button id="leftImage" hidefocus  onclick="javascript:Click(1)" class=btn1_mouseout onMouseOver="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'"> 
      <font class="fontBlack"><div id="leftScoreButton">${umpireScoreView.playerA3?if_exists}</div></font></button>           
    </td>两个样式设置button的图片不一样,结果发现当鼠标第一次进入点击时,图片会切换,但已经进入后再点第二次时,图片就不切换了,这不是我要的效果把onMouseOver改成onMouseClick结果不起作用。如果点击后可以控制鼠标指向到别的控件,就好了

解决方案 »

  1.   

    设置class
    $("#id").attr("class","ss");
    或者
    $("#id").addClass("sss")
      

  2.   

    谢谢,能说清楚一点吗? 这是什么语法? 我的是jsp
      

  3.   

    <button id="leftImage" hidefocus onclick="Click(1);" class="btn1_mouseout" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" />  
      

  4.   

    <style>
    .aaa {background:#F00;height:20px;}
    .bbb {background:#33C;height:20px;}
    </style><input name="" type="button" class="aaa" onmouseover="this.className = 'bbb'" onmouseout="this.className = 'aaa'" />
      

  5.   

    Click(1)
    点2次有不同的变化吗
      

  6.   

    设置class
    $("#id").attr("class","ss");
    或者
    $("#id").addClass("sss") 
     
    就是
      

  7.   

    经IE8和FF测试,LZ写的button部分的代码没问题呀
    问题是不是出在style或者Click()里面了?
    测试代码如下  <style>
      .btn1_mouseout {background: url('http://img10.360buyimg.com/S5/4633/67599a06-edbc-4a07-87a2-8a6db67eb7b3.jpg');}
      .btn1_mouseover {background: url('http://img10.360buyimg.com/S5/2585/aef504c7-31af-41af-90ba-7c48e4e17682.jpg');}
      </style>
    <table>
      <tr>
    <td align="center" valign="middle" >
      <button id="leftImage" hidefocus onclick="javascript:Click(1)" class="btn1_mouseout" onMouseOver="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'">  
            <font class="fontBlack"><div id="leftScoreButton">${umpireScoreView.playerA3?if_exists}</div></font>
      </button>   
    </td>
      </tr>
    </table>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function Click(a){ alert(a); }
      //-->
      </SCRIPT>
      

  8.   

    谢谢,你说的没问题是什么意思呢?我要的效果是每次点击时图片都会变,这样让用户知道已经点到了但现在mouseover和mouseout,点击按扭时鼠标从别的地方移动过来,是有效果的,但点了一次以后,再点第二次的时候不没有效果了,因为鼠标已经在按扭上,所以不会触发事件