请把这个代码整合到上面的悬浮导航栏中并给我一段完整的代码

好的，以下是一个完整的HTML和CSS代码示例，可以实现一个竖排的悬浮导航栏：

HTML代码：

<nav class="navbar">
  <ul>
    <li><a href="#">链接1</a></li>
    <li><a href="#">链接2</a></li>
    <li><a href="#">链接3</a></li>
    <li><a href="#">链接4</a></li>
  </ul>
</nav>

CSS代码：

.navbar {
  width: 200px;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

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

.navbar li {
  width: 100%;
  display: block;
  border: 1px solid black;
  padding: 10px;
  margin: 5px 0;
}

.navbar li:hover {
  background-color: #f5f5f5;
}

.navbar li a {
  text-decoration: none;
  color: black;
}

在这个示例中，我们使用了固定定位（position: fixed）将导航栏固定在页面上，并使用了transform属性将其垂直居中。我们还使用了:hover伪类和背景颜色，突出显示鼠标悬停的链接项。