我有一个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的背景图像,如果可能的话
答案 0 :(得分:0)
您可以使用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')
});