原来是这样的:<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结果不起作用。如果点击后可以控制鼠标指向到别的控件,就好了
<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结果不起作用。如果点击后可以控制鼠标指向到别的控件,就好了
$("#id").attr("class","ss");
或者
$("#id").addClass("sss")
.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'" />
点2次有不同的变化吗
$("#id").attr("class","ss");
或者
$("#id").addClass("sss")
就是
问题是不是出在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>