Html
    Css
    Js

    
                        
* {
	padding:0;
	margin:0;
}
.box {
	width:320px;
	min-height:600px;
	margin:0 auto;
	position:relative;
}
.right {
	position:absolute;
	top:0;
	left:310px;
	display:none;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

QQ延时菜单,标题栏延时,超简单jQ代码

更新时间:2021-09-15 01:00:02

let go; // 设置全局变量    
$('.box').hover(function() {
    // 做鼠标经过事件        
    clearinterval(go)
    // 每次鼠标经过都清除上一个定时器       
    $(this).find('.right').show();
    // 鼠标经过盒子让盒子的子元素名为.right显示                   
}, function() {
    // 鼠标离开        
    go = settimeout(() => {
        // 设置定时器,1秒后开始执行里面的内容           
        $(this).find('.right').hide();
        //   让盒子子元素名为.right隐藏      
    }, 1000);
});
// hover是个鼠标经过和离开的复合事件
0