從單獨的鏈接MOUSEOVER更改DIV的CSS背景圖像位置？

Question

是否可以使用MOUSEOVER從單獨的鏈接（「alpha」）中用DIV（「omega」）更改背景圖像的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。