仿京东左侧菜单 使用hover实现鼠标

好的，以下是一个简单的实现方式：

HTML代码：

<div class="menu">
  <ul>
    <li><a href="#">手机</a></li>
    <li><a href="#">电脑</a></li>
    <li><a href="#">家电</a></li>
    <li><a href="#">食品</a></li>
    <li><a href="#">服装</a></li>
  </ul>
</div>

CSS代码：

.menu {
  width: 200px;
  background-color: #f5f5f5;
}

.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu li {
  border-bottom: 1px solid #ccc;
}

.menu a {
  display: block;
  padding: 10px;
  color: #666;
  text-decoration: none;
}

.menu a:hover {
  background-color: #ddd;
  color: #333;
}

其中，通过设置 `a:hover` 的背景色和文字颜色实现了鼠标移入菜单项时的样式变化。