更改另一个div的背景，悬停多个按钮

Question

开发一个菜单，我遇到了一些非常简单的麻烦（显然不适合我）。

EXPLANATION IMAGE http://img80.imageshack.us/img80/7060/hoverdivexpl.jpg

背景/菜单按钮，是所有图像。

我已经尝试用其他StackOverflow（和其他）用户的建议解决这个问题，但无法弄清楚如何继续。一旦它按原样悬停按钮但不会切换回div的bg;然后工作，但没有消失。

对web开发/ jQuery有基础知识，我被困住了。

Answer 1

对于两个按钮类似

$(selector1).hover(
    // Function to call when mouse enters element
    function() { 
        // Animate to set new background in 100 milliseconds
        $(this).animate({'background': 'A'},100); 
        $(bigdivselector).animate({'background': 'A'},100); 
    }, 
    // Function to call when mouse leaves element
    function() { 
        $(this).animate({'background': 'defaultBG'},100); 
        $(bigdivselector).animate({'background': 'defaultBG'},100); 
    }, 
);

显然，您必须使用正确的值替换选择器和背景。