HTML做一个侧边栏，内容包含两个导航模块，每个模块背景是不同图片，鼠标悬停图片和文字变色且凸显，侧边栏底部有一个一键返回顶部按钮

可以使用HTML和CSS来实现这个侧边栏。首先，需要创建一个包含两个导航模块的侧边栏容器，并设置其宽度和背景图片。然后，使用CSS来设置导航模块的样式，包括鼠标悬停时的效果和凸显效果。最后，添加一个返回顶部按钮，并使用JavaScript来实现其功能。

以下是一个简单的示例代码：

HTML代码：

<div class="sidebar">
  <div class="nav-module">
    <img src="module1-bg.jpg">
    <a href="#">Module 1</a>
  </div>
  <div class="nav-module">
    <img src="module2-bg.jpg">
    <a href="#">Module 2</a>
  </div>
  <a href="#" class="back-to-top">Back to Top</a>
</div>

CSS代码：

.sidebar {
  width: 200px;
  background-image: url(sidebar-bg.jpg);
}

.nav-module {
  padding: 10px;
}

.nav-module:hover {
  background-color: #f5f5f5;
}

.nav-module a {
  display: block;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

.nav-module a:hover {
  color: #fff;
}

.back-to-top {
  display: block;
  margin-top: 20px;
  padding: 10px;
  background-color: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.back-to-top:hover {
  background-color: #555;
}

JavaScript代码：

var backToTopBtn = document.querySelector('.back-to-top');

backToTopBtn.addEventListener('click', function(e) {
  e.preventDefault();
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
  });
});

注意：以上代码仅为示例，实际应用中可能需要根据具体需求进行修改。