javascript - 在鼠标悬停时显示 div 对象？

Question

我正在尝试制作一个 JavaScript 函数来说明标注 div 和缺口 div 是隐藏的，但是当鼠标悬停在 contact_details_email 上时会淡入标注和缺口，然后在鼠标上退出 contact_details_email 会淡出标注和缺口。

我是 JavaScript 新手，有人可以告诉我我需要做什么吗？

<script>
     $(".callout").hide();
     $(".notch").hide();
        $('.contact_details_email').onMouseOver(function(){

                $('.callout').fadeIn(500);
                 $('.notch').fadeIn(500);


        });
    </script>

Answer 1

我希望 该链接对您有用，并且对jquery 文档有帮助

Answer 2

jQuery 的 mouseover 事件的一般格式如下（根据您可以在http://api.jquery.com/hover/找到的优秀文档

$(selector).hover(function(){
    //mouseover handler
}, function(){
    //mouseout handler
})

假设 .callout 和 .notch 是 .contact_details_email 的后代......

$('.contact_details_email').hover(function(){
    //mouseover handler
    $(this).find('.callout').fadeIn(500);
    $(this).find('.notch').fadeIn(500);
}, function(){
    //mouseout handler
    $(this).find('.callout').fadeOut(500);
    $(this).find('.notch').fadeOut(500);
});