2个div，hover处理，需要判断鼠标是否在一个div内

学习笔记666

于 2017-07-11 17:16:05 发布

阅读量3.6k

点赞数 1

分类专栏：最佳实践

最佳实践专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一段使用jQuery实现的鼠标悬停效果代码，当鼠标悬停在指定元素上时，显示隐藏层；当鼠标移开时，延迟100毫秒后隐藏该层。此效果适用于创建弹出菜单或提示框等交互组件。

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

            var timer=null;
            $(".saveMore").mouseover(function(){
                clearTimeout(timer);
                $('#save_more_layer').show();
            }).mouseout(function(){
                timer=setTimeout(function(){
                    $('#save_more_layer').hide();
                },100)
            });
            $("#save_more_layer").mouseover(function(){
                clearTimeout(timer);
                $('#save_more_layer').show();
            }).mouseout(function(){
                timer=setTimeout(function(){
                    $('#save_more_layer').hide();
                },100)
            })