从单独的链接MOUSEOVER更改DIV的CSS背景图像位置？

Question

是否可以使用DIV（“omega”）从具有MOUSEOVER的单独链接（“alpha”）更改背景图像的CSS位置？

<a class="omega" href="#"></a>

<div id="alpha"></div>

Answer 1

JavaScript / jQuery可以吗？如果是这样，这样的事情应该有效：

$('.omega').hover(function(){
    $('#alpha').css('backgroundPosition', '500px 150px');
}, function(){
    $('#alpha').css('backgroundPosition', '0px 0px');
});

第一个功能是鼠标悬停，第二个功能是鼠标离开时重置。不可否认，我没有尝试过，但从理论上说它应该可行。有关详细信息，请参阅jquery hover和jquery css。