导航下拉隐藏问题，两个div同时触发事件

zerocher

于 2018-07-24 10:55:32 发布

阅读量458

点赞数

CC 4.0 BY-SA版权

分类专栏： web开发 js html+css

本文链接：https://blog.youkuaiyun.com/zerocher/article/details/81180762

web开发同时被 3 个专栏收录

39 篇文章

订阅专栏

19 篇文章

订阅专栏

html+css

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery实现的下拉菜单显示与隐藏效果的方法。通过监听鼠标悬停和移出事件，结合定时器来控制下拉菜单的显示与隐藏，实现了平滑的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决进入下拉区域不隐藏；离开导航菜单div，不进入下拉，隐藏下拉div。

var timer = null;
//导航栏里div
$('.dhxlcd').mouseenter(function () {
    clearTimeout(timer);
    $('.sec_ul').css('display','block');
}).mouseleave(function () {
    timer = setTimeout(function(){
        $('.sec_ul').hide();
    },100)
});
//下拉菜单div
$('.sec_ul').mouseenter(function () {
    clearTimeout(timer);
    $('.sec_ul').css('display','block');
}).mouseleave(function () {
    timer = setTimeout(function(){
        $('.sec_ul').hide();
    },100)
});