jQuery在懸停時切換backgroundPosition嗎？

Question

這會在懸停時更改背景位置，我想在鼠標移出時將位置恢復為0 0。 我該怎么做？

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

Answer 1

在這種情況下，您應該使用CSS而不是JavaScript，因為它會更快：

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

Answer 2

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

Answer 3

使用jQuery的強大功能

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

或者可以使用:hover在CSS中完成