🙏 🙏 🙏
大佬们能否写个代码片段，当鼠标移动到大纲的时候，大纲对应的内容自动展开，当鼠标移出对应的内容时恢复原来状态
🙏 🙏 🙏
相关帖子
被采纳的回答
请输入回帖内容
...
-
-
-
-
我让 GPT 辅助写了一个 JS 片段，基本能实现，但我感觉交互很奇怪：
// 鼠标移动到大纲标题自动展开与折叠下级 JS片段 setTimeout(() => { const headings = document.querySelectorAll('li.b3-list-item[data-type="NodeHeading"]'); headings.forEach((heading) => { let hideTimeout; let removeTimeout; let isMouseInHeading = false; // 标志变量，跟踪鼠标是否在 heading 内 let isMouseInSubMenu = false; // 标志变量，跟踪鼠标是否在子菜单内 // 鼠标进入列表项 heading.addEventListener('mouseenter', () => { isMouseInHeading = true; // 设置标志变量 clearTimeout(removeTimeout); // 清除可能存在的移除定时器 let nextElement = heading.nextElementSibling; if (nextElement && nextElement.tagName.toLowerCase() === 'ul') { removeTimeout = setTimeout(() => { if (isMouseInHeading) { nextElement.classList.remove('fn__none'); } }, 200); // 延迟 200ms 后再移除 fn__none } }); // 鼠标离开列表项 heading.addEventListener('mouseleave', () => { isMouseInHeading = false; // 更新标志变量 hideTimeout = setTimeout(() => { let nextElement = heading.nextElementSibling; if (nextElement && nextElement.tagName.toLowerCase() === 'ul' && !isMouseInSubMenu) { nextElement.classList.add('fn__none'); } }, 200); // 延迟 200ms 后再添加 fn__none }); // 鼠标移动到 ul > li 上时，阻止 fn__none 添加 let nextElement = heading.nextElementSibling; if (nextElement) { nextElement.querySelectorAll('li').forEach((ulItem) => { ulItem.addEventListener('mouseenter', () => { isMouseInSubMenu = true; // 更新标志变量 clearTimeout(hideTimeout); // 清除定时器，防止隐藏 clearTimeout(removeTimeout); // 清除移除定时器 }); ulItem.addEventListener('mouseleave', () => { isMouseInSubMenu = false; // 更新标志变量 hideTimeout = setTimeout(() => { if (nextElement) { nextElement.classList.add('fn__none'); } }, 200); }); }); } }); }, 1000);3 回复 -
应该是作为上下文发给 ai 的 😄
并且逻辑也是我想的，AI 的作用只是输出代码@JeffreyChen 是哪个 ai？求推荐zxkmm •@zxkmm 我是通过第三方 API 调用 gpt-4o-mini@JeffreyChen 感谢，我去康康 gpt4o,之前没听说过这个模型zxkmm • -
请输入回帖内容
...