jquery鼠标经过显示二级菜单css代码

在jQuery中，当鼠标悬停在一个元素上并触发`mouseover`事件时，你可以通过CSS和JavaScript结合来显示二级菜单。下面是一个简单的例子：

HTML结构：

<nav>
  <ul class="main-menu">
    <li><a href="#">一级菜单项</a>
      <ul class="sub-menu" style="display:none;">
        <li><a href="#">二级菜单项1</a></li>
        <li><a href="#">二级菜单项2</a></li>
      </ul>
    </li>
  </ul>
</nav>

jQuery CSS+JS 代码：

$(document).ready(function() {
  $('.main-menu a').mouseover(function() {
    $(this).next('.sub-menu').slideToggle(200); // 显示二级菜单
  });

  $('.main-menu a').mouseout(function() {
    $(this).next('.sub-menu').slideUp(200); // 隐藏二级菜单
  });
});

在这个例子中，`.main-menu a`选择器捕获了鼠标悬停在每个顶级菜单项上，然后`slideToggle()`函数会切换 `.sub-menu` 的显示状态。`slideToggle()`会在鼠标进入时让菜单展开，离开时让菜单收起。