Question

我有下面的代码，我无法弄清楚如何反转该功能。我想回到它开始的地方。第一张图片。有人可以帮忙吗？

<div id="pin_point">
<img src="images/pin_point.png"  style="position:absolute;"/>
<img src="images/pin_point_black.png" style="position:absolute;display:none;"/>
</div>



 $(function() {
 $("#pin_point").hover(function() {
    $("#pin_point img").fadeToggle('medium');
});
 $("#pin_point").click(function() {
    $("#pin_point img").attr('src', 'images/ex.png');
});
 });

Answer 1

您可以枚举这两个图像，然后将其.src和显示状态设置回起始状态。

var imgs = $("#pin_point img");
imgs.eq(0).attr("src", "images/pin_point.png").show();
imgs.eq(1).attr("src", "images/pin_point_black.png").hide();

如果您想要点击重置它，您可以将点击处理程序更改为：

$("#pin_point").click(function() {
    var imgs = $("#pin_point img");
    imgs.eq(0).attr("src", "images/pin_point.png").show();
    imgs.eq(1).attr("src", "images/pin_point_black.png").hide();
});

扭转功能或效果

1 个答案: