Javascript 悬停空div时如何更改不同的div背景img？

希望你能帮忙，这可以做到

我有这样的想法：

这是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

的“a”、“b”和“c”具有背景图像

我需要做的是：当悬停“drop1”、“drop2”或“drop3”div时，div“logo”的背景img将与div“a”、“b”和“c”的背景img一起改变

所以更清楚地说，如果我悬停在

div'drop1'

：

div'logo'

，

div'a'

，

div'b'

和

div'c'

将改变背景图像

我不确定使用jQuery是否最好，因为我对它了解不多

---

我希望我能够很好地解释我的问题。

使用以下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
});

如果你想把他们的背景改成一个普通的背景，那么创建一个新的类，然后添加

$('#a,#b,#c,#logo').addClass("new_background");

---

哇，这似乎很简单：）谢谢！在第二个函数中，有一个简单的方法，当你不悬停任何div时，将所有内容恢复为原始状态？而不是重新分配原来的背景一个接一个只是另一个问题。。。这段代码在某些浏览器版本中有问题吗？请查看jQuery的页面以获得浏览器支持，如果您对所有div都有相同的背景，那么使用addClass（）和removeClass（），这样会更容易