Question

我有一个要求，我想在鼠标悬停时更改图像源。我这样做的方式是：

document.getElementsByTagName('img').addEventListener('mouseover', function() 
{
    document.getElementsByTagName('img').setAttribute('src', 'url/of/the/image');
});

我想知道这样做的正确方法。或者应该在图像标签上添加叠加div并在那里显示我的图像？

Answer 1

使用jQuery，你可以这样做：

$('img').on('mouseover', function(e) {
   $(this).attr('src', '/link/to/image').css({}); // change src and css
   // or you can use div with background image style property
})

鼠标悬停时更改图像源属性

1 个答案: