Javascript jQuery在悬停时切换背景位置?
这将更改悬停时的背景位置,我想在鼠标悬停时将位置返回到0。我该怎么做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
$("#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
。