我想将鼠标悬停事件绑定到按钮。当我将鼠标悬停在按钮上时,样式已完成,但在鼠标移出时,更改后的样式并未移除。
<script>
$(document).ready(function () {
$('#btnSubmit').bind('mouseover mouseout', function (event) {
if (event.type = 'mouseover') {
$(this).addClass('ButtonStyle');
}
else {
$(this).removeClass('ButtonStyle');
}
});
});
</script>
<style>
.ButtonStyle
{
background-color:red;
font-weight: bold;
color: white;
cursor: pointer;
}
</style>
最佳答案
这是因为您需要我们鼠标离开功能
试试这个
码:
$('#btnSubmit').bind('mouseover', function (event) {
$(this).addClass('ButtonStyle');
})
.bind('mouseleave',function(){
$(this).removeClass('ButtonStyle');
});
让我知道是否有帮助