然后点击这个按钮时，改变成另外一种效果，这些都能实现，但问题来了。因为我们点击的时候也算是触碰所以离开后还是会受hover的影响，导致鼠标离开后，点击后的效果没了，请问各位大神怎样解决这个问题。感谢！
设置一个标记，如果是点击后的改变效果，就hover离开后不再改变，如果不是，就改变！
温馨提示：答案为网友推荐，仅供参考
第1个回答 2014-02-11
点击之后卸载hover事件unbind("hover");追问
卸载后，hover效果也没了，新问题！
第2个回答 2014-02-11
这个是纯粹CSS的效果，你何苦要用js来实现喃？追问
.btn{ font-weight: bold; background-color: #db9d9d}
.btn:hover {background:#FFC080;color:#ff6a00}
.btn:active{background-color: #0000ff}
</style>
用css是可以搞定hover效果，但问题是现在hover效果影响我的点击效果，你觉得这个用纯CSS可以控制的话，麻烦大神赐教！
追答一个用a标签做的按钮，如下
首先是这个按钮的CSS
<style>.btn{ font-weight: bold; background-color: #db9d9d}
.btn:hover {background:#FFC080;color:#ff6a00}
.btn:active{background-color: #0000ff}
</style>
然后是这个按钮的html代码
<a href="javascript:void(0)" class="btn" style="border: 1px solid black;text-decoration : none; width: 100px; display: block; height: 20px; text-align: center; padding-top: 2px;">按钮</a>自己试试吧
追问点击效果闪下就没了，我需要保留这个效果，不是闪动，因为之前就是闪下，效果不对，不过很感谢大神的回答，问题描述有点多就不问了，我已经解决问题了。
