如下图所示，制作一个二级导航菜单。要求如下： 鼠标移入，以向下滑动的方式显示对应选项的二级菜单； 鼠标在制定元素总移动时，改变导航选项的背景色； 鼠标离开，被选元素恢复原来的背景色。

好的，这是一个比较具体的编程问题，需要使用HTML、CSS和JavaScript来实现。以下是一个简单的实现方法：

HTML代码：

<nav>
  <ul>
    <li><a href="#">导航1</a>
      <ul>
        <li><a href="#">子导航1</a></li>
        <li><a href="#">子导航2</a></li>
        <li><a href="#">子导航3</a></li>
      </ul>
    </li>
    <li><a href="#">导航2</a>
      <ul>
        <li><a href="#">子导航4</a></li>
        <li><a href="#">子导航5</a></li>
        <li><a href="#">子导航6</a></li>
      </ul>
    </li>
    <li><a href="#">导航3</a></li>
  </ul>
</nav>

CSS代码：

nav {
  background-color: #333;
  height: 50px;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

nav ul li {
  position: relative;
  height: 50px;
  line-height: 50px;
}

nav ul li a {
  display: block;
  padding: 0 20px;
  color: #fff;
  text-decoration: none;
}

nav ul li:hover {
  background-color: #555;
}

nav ul ul {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #555;
  width: 100%;
  display: none;
}

nav ul ul li {
  height: 40px;
  line-height: 40px;
}

nav ul ul li a {
  padding: 0 30px;
}

nav ul li:hover > ul {
  display: block;
}

JavaScript代码：

// 略

需要注意的是，上面的代码只是一个简单的实现方法，可能还有一些细节问题需要进一步完善。另外，还有一些其他的实现方法，比如使用jQuery等库来简化代码。