javascript - 单击后如何使css按钮保持事件状态？

我试图制作一个导航栏，一旦用户单击该图像，该图像将保持活动状态。在下面的示例中，单击后叶子将保持绿色。这是林所说的一些代码：

<a class="myButtonLink" href="#LinkURL">Leaf</a>

<style>
 .myButtonLink {
    display: block;
    width: 100px;
    height: 100px;
    background: url('http://kyleschaeffer.com/wordpress/wp-content/uploads/2009/01/buttonleafhover.png') bottom;
    text-indent: -99999px;
 }
 .myButtonLink:hover {
    background-position: 0 0;
 }
</style>

最佳答案

http://jsfiddle.net/bnaegele/XHBZf/2/

$('.myButtonLink').click(function() {
     $(this).css('background-position', '0 0');
 });