jQuery切換懸停的backgroundPosition？

這改變了懸停時的背景位置，我想在鼠標上將位置返回到0 0。我該怎麼做？jQuery切換懸停的backgroundPosition？

$("#love").hover(function() { 
    document.getElementById('love').style.backgroundPosition= "0 -19px"; 
});

來源

2011-09-04 lisovaccaro

在這種情況下，CSS做，你應該使用CSS而不是JavaScript的，因爲這將是更快：

<style type="text/css"> 
#love { 
    background-position: 0 0; 
} 
#love:hover { 
    background-position: 0 -19px; 
} 
</style>

來源

2011-09-05 19:33:07

謝謝我想我在那裏一時失去了我的想法 – lisovaccaro

$("#love").hover(function() { 
document.getElementById('love').style.backgroundPosition= "0 -19px"; 
},function() { 
document.getElementById('love').style.backgroundPosition= "0 0"; 
});

來源

2011-09-04 20:58:18

使用jQuery的功率

$("#love").hover(function() { 
    $(this).css('background-position', '0 -19px'); 
}, function() { 
    $(this).css('background-position', '0 0'); 
});

，也可以只使用:hover

來源

2011-09-04 21:00:47 Samich

您可能想要仔細檢查你的代碼......你在兩種情況下都設置爲「0 -19px」。 –

是的，謝謝你的更新。試圖寫更快的答案:) – Samich

jQuery切換懸停的backgroundPosition？

回答

相關問題