Question

我正在尝试使用JavaScript函数来说出callout div和notch 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鼠标悬停事件的一般格式如下（根据您在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);
});

Answer 2

我希望the link对您有用jquery documentation

在鼠标上显示div对象？

2 个答案: