设计一个html侧边伸缩导航栏代码，当鼠标移入时，显示导航栏有友情链接，留言栏，更多三个按钮选项，并设置它在屏幕的最左边居中。当鼠标移出时，隐藏导航栏，并将悬浮圆圈恢复原状

非常感谢您的提问！以下是侧边伸缩导航栏的HTML代码，建议在CSS中设置样式来实现鼠标移入、移出的效果。

<div class="sidebar">
  <div class="toggle-btn"></div>
  <ul class="nav-list">
    <li><a href="#">友情链接</a></li>
    <li><a href="#">留言栏</a></li>
    <li><a href="#">更多</a></li>
  </ul>
</div>

可以在侧边栏外部设置一个悬浮圆圈，当鼠标移入时，显示侧边栏，并将悬浮圆圈隐藏。当鼠标移出侧边栏或侧边栏外部区域时，隐藏侧边栏，并将悬浮圆圈恢复原状。以下是示例CSS代码：

.sidebar {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  height: 100%;
  background-color: #f5f5f5;
  transition: all .3s ease;
  overflow: hidden;
}
.sidebar .toggle-btn {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #333;
  border-radius: 50%;
  cursor: pointer;
  transition: all .3s ease;
}
.sidebar.active {
  width: 250px;
}
.sidebar.active .nav-list {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.sidebar.active .toggle-btn {
  left: 250px;
  background-color: #f5f5f5;
  border: 1px solid #333;
}
.sidebar .nav-list {
  position: absolute;
  left: -200px;
  top: 0;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all .3s ease;
}
.sidebar .nav-list li {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
}
.sidebar .nav-list li:last-child {
  border-bottom: none;
}

希望这个代码对您有所帮助！如果您有其他问题，欢迎随时提出。