Создание эффекта нажатия кнопки - JQuery

Question

Мне было интересно, как я могу воссоздать эффект нажатия кнопки с помощью JQuery.

Мои идеи, где использовать событие для мыши Нажмите, чтобы изменить изображение на нажатое изображение, а не после выпуска мыши, вернитесь к исходному изображению. Каковы ваши мысли или идеи о том, как я мог бы это сделать?

Answer 1

Это должно сработать. Код будет следующим:

$("#button").mousedown(function(){ 
$("#img").attr("src", "img2.jpg"); 
}) 
$("#button").mouseup(function(){ 
$("#img").attr("src", "img1.jpg"); 
} 

Надеюсь, что это поможет!

Answer 2

Попросите изображение прослушать событие щелчка и изменить источник изображения.

$('img').on('click', function() { 
    var $this = $(this); 

    $this.attr('src', function(i, src) { 
     return src === 'something' ? 'somethingelse' : 'something' ; 
    }); 

}); 

Answer 3

Что именно вы хотите? что-то, как это так ...

$('btn-img').click(function(){ 
    var img = $(this).children('img'); // return object of inner img 
    // your event on current img with click 
}).mouseleave(function(){ 
    // other event on mouseleave 
}); 

Html:

<a class="btn-img"> 
    <img src="yourImage.jpg" /> 
</a>