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

【问题标题】：Change CSS background image position of DIV from a separate link MOUSEOVER?从单独的链接 MOUSEOVER 更改 DIV 的 CSS 背景图像位置？
【发布时间】：2010-10-14 20:28:31
【问题描述】：

是否可以从带有鼠标悬停的单独链接（“alpha”）中更改带有 DIV（“omega”）的背景图像的 CSS 位置？

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

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

【问题讨论】：

标签： mouseover

【解决方案1】：

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

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

第一个函数用于鼠标悬停，第二个函数在鼠标离开时重置它。诚然，我还没有尝试过，但理论上它应该可以工作。请参阅jquery hover 和jquery css 了解更多信息。

【讨论】：