所以我希望按钮在鼠标按下时改变样式,并在鼠标抬起时返回到上一个样式。我有这个代码:
$('#divMenu > #menu li a').mousedown(function(){
$(this).css({
'font-size': '25px',
'color': 'red'
});
}).mouseup(function(){
$(this).css({
'font-size': '30px',
'color': 'black'
});
});
问题是,当我按下鼠标,但将其从对象上移开并且没有立即释放时,字体大小和颜色保持 25px 和红色。我应该怎么做才能通过?
编辑: JsFiddle:http://jsfiddle.net/h64Uz/
最佳答案
您还需要使用鼠标悬停。
$('#divMenu > #menu li a').mousedown(function(){
$(this).css({
'font-size': '25px',
'color': 'red'
});
}).mouseup(function(){
$(this).css({
'font-size': '30px',
'color': 'black'
});
}).mouseout(function(){
$(this).css({
'font-size': '30px',
'color': 'black'
});
});
您的事件代码在单击鼠标时设置 css。一旦你离开它就无法注册鼠标。但离开时它将注册一个 mouseout 事件。
关于jquery - 鼠标按下和鼠标按下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14207927/