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>

创建按钮单击效果 - JQuery

3 个答案: