Jquery下拉菜单

我试图制作一个菜单，当主菜单的按钮（有子菜单的按钮）悬停在上面时，它会在下拉子菜单中淡出

问题是我必须删除鼠标以使子菜单的div淡出。如果用户将鼠标悬停在带有子菜单的主按钮上，但未进入子菜单的div，则子菜单的div将保留在屏幕上

<style type="text/css">
    .dropmenu{
        padding:10px 5px 5px 5px;margin-top:14px;display:none;background:#000000;position:absolute;font:normal 14px arial;color:#ffffff;z-index:3;
    }
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function() {
        $('#popm').mouseover(function() {
            $('#x3').fadeIn("fast", "linear");
        });
        $('#x3').mouseleave(function() {
            $('#x3').fadeOut("fast", "linear");
        });
    });
</script>

<a class="wblinks" id="popm" href="popular.asp">Popular&#x25BC;</a>
<div id="x3" class="dropmenu" style="margin-left:124px;">
    <a class="more" href="popular.asp?t=td">Popular Today</a><br />
    <a class="more" href="popular.asp?t=wk">Popular Week</a><br />
    <a class="more" href="popular.asp?t=mn">Popular Month</a><br />
    <a class="more" href="popular.asp?t=6mn">Popular 6 Months</a><br />
    <a class="more" href="popular.asp?t=yr">Popular 1 Year</a><br />
    <a class="more" href="popular.asp">All Time</a><br />
</div>

.下拉菜单{
填充：10px 5px 5px 5px；页边距顶部：14px；显示：无；背景：000000；位置：绝对；字体：标准14px arial；颜色：ffffff；z索引：3；
}
$（函数（）{
$（'#popm'）.mouseover（函数（）{
$（'#x3'）.fadeIn（“快速”，“线性”）；
});
$（'#x3'）.mouseleave（函数（）{
$（'#x3'）。淡出（“快速”、“线性”）；
});
});

---

如何使div在不悬停的情况下自动消失？

您可以在鼠标移出

#popm

时设置计时器。然后，如果用户将鼠标移到下拉菜单上，则清除计时器

您可以在鼠标移出

#popm

时设置计时器。然后，如果用户将鼠标移到下拉菜单上，则清除计时器

将鼠标悬停在a.wblinks上会导致子菜单出现，对吗？在这种情况下，只需将所有内容（a.weblinks&子菜单div.dropmenu）包装到父div中，并将mouseleave事件绑定到该父div

---

这与我回答的问题类似。

将鼠标悬停在a上。wblinks是导致子菜单出现的原因，对吗？在这种情况下，只需将所有内容（a.weblinks&子菜单div.dropmenu）包装到父div中，并将mouseleave事件绑定到该父div

---

这与我回答的问题的情况类似。

+1是一个好主意，不需要额外的html标记。我不明白为什么这个答案被人否决了。投反对票的人真的应该就原因发表评论。谢谢。效果很好。好东西。+1表示好主意，不需要额外的html标记。我不明白为什么这个答案被人否决了。投反对票的人真的应该就原因发表评论。谢谢。效果很好。好东西。