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

-1

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

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

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

来源

2017-10-10 Tavish Aggarwal

有两点需要注意这里 - 第一，要更改**所有的**''标签使用此代码 - 我想你只需要更改特定的图像...其次，您可能想要考虑预加载最终图像，以便在用户触发悬停事件后没有加载时间。 – Lix

是的，我想将鼠标悬停在所有图像上。其次，是的，我玩的图像不透明的用户鼠标。我只是想知道这是否是正确的做法？ –

-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 
})

来源

2017-10-10 11:00:59

我不是在寻找代码。我需要建议。 –

很明显，你只是想帮助，但建议jquery这是有点过分杀。 – Lix

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

回答

相关问题