在图像上使用onmouseover显示弹出消息和onmouseout删除弹出窗口

时间:2010-08-25 00:41:29

标签: javascript jquery

我有一个家的png图像。每当用户将鼠标放在该图像上时,我必须在某个弹出框中显示文本“home”,并且当mouseout弹出窗口应该消失时。任何人都可以帮助我如何在javascript或jquery中的任何函数实现所需的效果?

1 个答案:

答案 0 :(得分:1)

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

说明:

#pngImage是您悬停鼠标的家。并且.popup是您的弹出框,可能是最初隐藏的div

第一个函数是hover事件是鼠标悬停,而悬停事件的第二个函数是鼠标输出。