jquery图像转换

时间:2011-10-10 23:14:01

标签: javascript jquery animation

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

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

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

我想知道是否有人知道我可以使用的JQuery,或者如果你可以创建一些,那么我可以点击First图像并转换为secound图像。有点像,如果你在实际的iTunes应用程序商店中点击它。

*如果您可以转换回上一张图片

在你说老兄之前,这显然是版权所有。我正在将这个设计用于大学项目,而不是真正的网站;)

提前致谢:)!!

3 个答案:

答案 0 :(得分:2)

http://designbeep.com/2010/05/13/25-very-detailed-jquery-image-and-content-slider-tutorials/。作为一个大学项目,我们不希望从学习中获得所有乐趣。

答案 1 :(得分: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')
   }
})

答案 2 :(得分:0)

如果要将两个图像放在一个文件中,然后只需用jquery更改可见坐标。 挖掘例子。 BRB