创建一个按钮点击效果 - JQuery

Question

我在想如何使用JQuery重现按钮按下效果。

我的想法是使用鼠标点击事件来更改图像为按下的图像，然后在鼠标释放后返回到原始图像。你对我能实现这个的想法或建议有什么想法吗？

- David Biga

---

你实际上可以只使用CSS来完成这个。请参考这篇帖子：https://dev59.com/0Ww15IYBdhLWcg3wIYK_ - J David Smith

我知道但我不想使用<a>标签。 - David Biga

Answer 1

那应该可以。代码将是：

那应该可以。代码如下：

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

希望这可以帮助到您！

- dunnmifflsys

---

我很高兴能够帮忙。如果您能检查一下，不仅可以防止其他人查看此内容，还可以帮助改善我的糟糕声誉，我将不胜感激。 - dunnmifflsys

Answer 2

让图片监听点击事件并更改图片的源。

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

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

});

- Sushanth --

---

谢谢 :) 不过我更喜欢@newbie的解决方案。 - David Biga

很高兴能够帮助到您 :) - Sushanth --

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>

- pirs