水平菜单悬停延迟CSS / JS

问题描述

我正在尝试通过鼠标悬停来创建下拉菜单。我的菜单很深，有时当您处于第3级时，如果您错过下拉菜单，它将全部消失。 我知道我可以使用opacity:0和transition: 0.5s 2s;，但是我无法弄清楚特定示例中要使用哪些元素。

<li class="parent" id="hcategory_823">
  <h3>
    <a href="/kuchnia" title="Kuchnia" id="headlink43" class="spanhover mainlevel">
      <span>Kuchnia</span>

    </a>
  </h3>
  <div class="submenu level1">
    <ul class="level1">
      <li class="parent" id="hcategory_1697">
        <p class="zah3">
          <a href="/kuchnia/nowoczesna" title="Kuchnia nowoczesna" id="headercategory1697" class="spanhover">
            <span>Kuchnia nowoczesna</span>

          </a>
        </p>
      </li>
    </ul>
  </div>
</li>

这是一个级别的示例代码。 因此，我想让“ Kuchnia nowoczesna”在“ Kuchnia nowoczesna”鼠标悬停后出现，如果光标位于“ Kuchnia nowoczesna”上则保持可见，如果光标离开“ Kuchnia nowoczesna”区域则在1秒后消失。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）