如何在使用css时激活图像按钮图像？

Question

我希望更改 image1.png ，而<a>代码有效。

<a href="#"><img src="image1.png" id="2" class="img-responsive">Click Here</a>

Answer 1

你可以使用css选择器：active

例如html部分

<a href="#"><img src="image1.png" id="2" class="img-responsive">Click Here</a>

和css

.img-responsive {
     background-image: url("image1.png");
}
.img-responsive:active{
    background-image: url("image2.png");         
}

Answer 2

<a href="#"><img src="image1.png" id="2" class="img-responsive">Click Here</a>
<script>
    $('img').click(function(){
       $(this).attr('src','image2.png').addClass('active');
     })
 </script>