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中完成

jQuery在悬停时切换backgroundPosition？

3 个答案: