JQUERY用点击改变src,然后用另一个改变

时间:2013-09-23 17:35:43

标签: jquery click src

我会通过点击更改src图像属性,并在第一个src后返回两秒钟。

$('img.change').click(function(){   
$(this).attr('src','second.png')
.delay(2000).attr('src','first.png');  
});

2 个答案:

答案 0 :(得分:3)

您可以执行以下操作:

    $('img.change').click(function(){   
          $(this).attr('src','second.png');
          setTimeout("changeToOriginal", 2000);
     });

     function changeToOriginal() {
          $("img.change").attr('src','first.png');
     }

答案 1 :(得分:2)

使用setTimeout http://jsfiddle.net/bhlaird/hym6U/

$('img.change').click(function () {
    var self = this;
    $(self).attr('src', "http://placekitten.com/100/100");
    setTimeout(function () {
        $(self).attr('src', "http://placekitten.com/g/100/100");
    }, 2000)
});