来自其他Div的jQuery鼠标悬停图像

将鼠标悬停在menu_1、menu_2和menu_3上时，如何将图像替换为menu_1、menu_2、menu_3中的相应图像？

最好使用CSS而不是JQuery，但如果您必须在JQuery中执行此操作，我可以发布答案，请通知我。：）

一个有效的例子：

要添加单个悬停事件侦听器，我建议将“hover”类添加到所有菜单中

$(document).ready(function() {
    $("#menu_1").hover(function() {
        var id = $(this).attr("id");
        var src = $(this).children("img").attr("src");
        $("#" + id + "_hover").children("img").attr("src", src);
    });
});

---

这应该适用于“menu_1”，但您应该为所有元素设置一个类，这样您只需将.hover对象放置一次。未测试。：）

我如何使用CSS动态引用这些内容？你也可以发布jQuery吗？通过CSS:1-2-通过jQuery:go获取发布的代码：@Peeter

$(document).ready(function() {
    $("#menu_1").hover(function() {
        var id = $(this).attr("id");
        var src = $(this).children("img").attr("src");
        $("#" + id + "_hover").children("img").attr("src", src);
    });
});

$("#menu_1").hover(function () {
    $(this).html($("div #"+$(this).attr("id")+"_hover").html());
}