* { padding:0; margin:0; } .box { width:320px; min-height:600px; margin:0 auto; position:relative; } .right { position:absolute; top:0; left:310px; display:none; }
更新时间: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是个鼠标经过和离开的复合事件