Question

我有一个div包含一个img - 我希望能够在悬停时更改img src（然后在没有悬停时再次返回），但是当它是一样的时候也会对不同的src进行相同的img更改单击（然后在第二次单击时再次返回）。到目前为止，我有J-Query代码，可以在悬停时更改：

HTML

<div class="tab_box">
   <img id="img1" src="tab.png">
</div>

J-QUERY

$(document).ready(function(){$('#img1').hover(function(){$(this).attr('src','tabt2.png')},function()
{$(this).attr('src','tab.png')}) });

但我不确定如果点击后如何完全改变到不同的src（因为图像必须被徘徊以点击它！）任何人都可以建议吗？由于各种重新调整大小的原因，我希望将图像保留为div中的独立图像，而不是将其作为div的背景图像，如果可能的话

Answer 1

您可以使用Jquery的.hover（）和.click（）函数。你使用的是语法问题

这是正确的代码：

$('#img1').hover(function () {
    $(this).attr('src', 'http://www.fateheducation.com/fatehnew/Testimonial_Image/avatar-small.png');
});
$('#img1').click(function () {
    $(this).attr('src', 'http://moduleoff.com/sites/all/themes/moduleoff/images/xdruplicon_rotated_small.png.pagespeed.ic.Xl8nCuL4lR.png')
});

Working Fiddle

想要在悬停时更改img src，然后在点击时更改为其他src

1 个答案: