更改鼠標懸停時的圖像源屬性

-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

更改鼠標懸停時的圖像源屬性

回答

相關問題