Javascript jQuery在悬停时切换背景位置?

Javascript jQuery在悬停时切换背景位置?,javascript,jquery,css,Javascript,Jquery,Css,这将更改悬停时的背景位置,我想在鼠标悬停时将位置返回到0。我该怎么做 $("#love").hover(function () { document.getElementById('love').style.backgroundPosition= "0 -19px"; }); 使用jQuery的强大功能 $("#love").hover(function () { $(this).css('background-position', '0 -19px'); }, functio

这将更改悬停时的背景位置,我想在鼠标悬停时将位置返回到0。我该怎么做

$("#love").hover(function () {
    document.getElementById('love').style.backgroundPosition= "0 -19px";
});
使用jQuery的强大功能

$("#love").hover(function () {
    $(this).css('background-position', '0 -19px');
}, function() { 
    $(this).css('background-position', '0 0');
});
或者只需在css中使用
:hover

使用jQuery的强大功能即可

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

或者,也可以只在css中使用
:hover

在这种情况下,您应该使用css而不是JavaScript,因为它会更快:

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

#爱{
背景位置:0;
}
#爱:飞翔{
背景位置:0-19px;
}

在这种情况下,您应该使用CSS而不是JavaScript,因为它会更快:

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

#爱{
背景位置:0;
}
#爱:飞翔{
背景位置:0-19px;
}

您可能需要再次检查您的代码。。。您在这两种情况下都设置为
0-19px
。您可能需要重新检查您的代码。。。在这两种情况下都设置为
0-19px