如何更改不同的div背景img時，懸停一個空的div？

Question

希望能幫到你，而這是可以做到...

我有這樣的事情：http://jsfiddle.net/keG6G/5/

這是HTML代碼：

<div id="logo"> 
    <div id="drop1"> 
    </div> 

    <div class="clear"></div> 

    <div id="drop2"> 
    </div> 

    <div id="drop3"> 
    </div> 
</div> 

<div id="words"> 
    <div id="a"> 
    </div> 

    <div id="b"> 
    </div> 

    <div id="c"> 
    </div> 
</div> 

<div id="logo">剛剛背景圖像。

<div id="drop1">，<div id="drop2">和<div id="drop2">是透明的（顯示邊框使它們可見）。

div的'a'，'b'和'c'具有背景圖像。我需要做的是：當懸停'drop1'，'drop2'或'drop3'div時，div'logo'的背景img將與背景img div'a'，'b'一起改變，和'c'。

所以才更清楚，如果我將鼠標懸停div'drop1'：div'logo'，div'a'，div'b'和div'c'將改變背景圖像。

我不確定是否最好使用jQuery，我不太瞭解它。

我希望我能夠很好地解釋我的問題。

Answer 1

使用下面的jQuery代碼

$('#drop1,#drop2,#drop3').hover(
    function(){ 
    $('#a').css({"background-color":"blue"}); 
    $('#b').css({"background-color":"red"}); 
    $('#c').css({"background-color":"green"}); 
    $('#logo').css({"background-color":"black"}); 
    },function(){ 
    //similarly give them their original backgrounds 
}); 

如果你想改變自己的背景，共同的一個，然後讓一個類new_background然後添加

​​