单击/取消选择按钮时更改图像

Question

有人可以告诉我如何在点击按钮时动态更改按钮的图像吗？

我的代码：

$('.gamebox_minimap_plus').click(function() { $(this).css("background-image","url('gfx/plus2.png')"); });

点击后，而不是点击时，它会起作用，而在我停止点击后，它不会返回到plus1.png。

Answer 1

我想你想使用mousedown和mouseup事件。

jQuery .mousedown()

jQuery .mouseup()

此外，如果您使用的是jQuery 1.7或更高版本，则应开始使用/使用on()和off()方法。

Answer 2

使用mousedown和mouseup而不是单击。像这样：

$('.gamebox_minimap_plus').mousedown(function() { $(this).css("background-        image","url('gfx/plus2.png')"); });
$('.gamebox_minimap_plus').mouseup(function() { $(this).css("background-image","url('gfx/plus1.png')"); });