浮动层的显示与隐藏

但一个区域，鼠标完全放在上面，就会出现一个背景层，移开，然胡隐藏。当鼠标横扫过去，很快的时候，浮动层会停止上面不显示。

修改后的代码：

html：

<div class="box3">
            <php>if($arroundTravelInfo){</php> 
            <img class="arroundImg" src="{$arroundTravelInfo.img}" />
            <div class="nearbyBlackBox">
                <span class="span1">{$arroundTravelInfo.product_name}</span>
                <span class="span2">{$arroundTravelInfo.sale|default="0"}会去</span>
                <span class="span3">
                    <span class="s1">￥{$arroundTravelInfo.price_current|default="0"}</span>
                    <span class="s2">￥{$arroundTravelInfo.price|default="0"}</span>
                </span>
                <a href="{$arroundTravelInfo.url}">我想去</a>
            </div>
            <php>}</php>
            <div class="nearbyBlackBoxBg"></div>
            
        </div>
           
        <div class="box3_detail" style="display:none;">
               <img src="{$arroundTravelInfo.img}" />
            <div class="nearbyBlackBox" onclick="window.open('{$arroundTravelInfo.url}')">
            <span class="span1">{$arroundTravelInfo.nearby_name}</span>
               <div class="blackBox_p">{$arroundTravelInfo.seo_description}</div>
               <span class="span3">
                    <span class="s1">￥{$arroundTravelInfo.price_current|default="0"}</span>
                    <span class="s2">￥{$arroundTravelInfo.price|default="0"}</span>
            </span>
               <span class="span2">{$arroundTravelInfo.sale|default="0"}会去</span>
               <a href="{$arroundTravelInfo.url}">我想去</a>
               </div>
            <div class="nearbyBlackBoxBg"></div>
        </div>

js：

var mflag = false;

function bgShow() {
    $('.box3_detail').show();
    $('.box3').hide();
}

function bgHide() {
    if(!mflag){
        $('.box3_detail').hide();
        $('.box3').show();
    }
}

$('.box3 img.arroundImg').mouseenter(function(){
        bgShow();
    });
    
    $('.box3 img.arroundImg').mouseleave(function(){
        window.setTimeout(bgHide, 10);
    });
    
    $('.box3_detail').mouseover(function(){
        mflag = true;
    });
    
    $('.box3_detail').mouseleave(function(){
        mflag = false;    
        bgHide();
    });