javascript - 在图像上使用 onmouseover 来显示弹出消息，使用 onmouseout 删除弹出消息

Question

我有一个家的 png 图片。每当用户将鼠标放在该图像上时，我都必须在某个弹出框中显示文本“home”，当鼠标移开时，弹出窗口应该消失。谁能帮助我如何在javascript中实现或者jquery中有任何函数可以达到所需的效果？

Answer 1

$(document).ready(function(){
    $("#pngImage").hover(
        function(){
            $(".popup").show();
        },
        function(){
            $(".popup").hide();
        }
    );
});

解释:

#pngImage 是您将鼠标悬停在其中的家。 .popup 是您的弹出框，可能是最初隐藏的 div。

悬停事件中的第一个函数是鼠标悬停，悬停事件的第二个函数是鼠标移出。