鼠标放到标签上面显示弹窗，滑过弹窗后，弹窗显示，移出标签和弹窗，弹窗消失

鼠标放到标签上面显示弹窗，滑过弹窗后，弹窗显示，移出标签和弹窗，弹窗消失

方案一

标签和弹窗放到同一个父级元素下，给父级元素鼠标滑过事件。

效果图：

• style 文件

.nav {
   
	width: 50px;
    border: #ccc 1px solid;
}
.list{
    
    display: none;
    padding: 0;
    margin: 0 0 0 20px;
    width: 200px;
    border: 1px #ccc solid;
    list-style: none;
}

• html

<div class="nav">
    <p class="type">肉类</p>
    <ul class="list">
        <li>牛肉</li>
        <li>猪肉</li>
        <li>羊肉</li