javascript - jquery 图像转换

Question

我在为大学项目(销售音乐的网站)制作的网站上有一个按钮。我使用的购买按钮看起来像苹果应用商店中的按钮:

image1 http://ryanholder.co.uk/img/buy_button_5.99.png

image2 http://ryanholder.co.uk/img/ibutton_buynow.png

我想知道是否有人知道我可以使用的一些 JQuery，或者您是否可以创建一些，以便我可以单击第一个图像，它会转换到第二个图像。有点像您在实际的 iTunes 应用商店中单击它。

*如果你能找到一种方法来转换回上一张图片

在你说老兄之前，这显然是版权。我仅将这种设计用于大学项目，而不是实际的网站;)

提前致谢:)!!

Answer 1

$('#my_button').click(function(){
   if ($(this).css('background-image') == 'first_image'){
      $(this).css('background-image', 'second_image')
   } else {
      $(this).css('background-image', 'first_image')
   }
})