如何在所选内容中间的文本突出显示弹出窗口？

<p>这是一段包含需要弹出窗口的文本内容，其中<span class="highlight">所选内容</span>将被突出显示。</p>

.highlight {
  position: relative;
  display: inline-block;
  background-color: yellow;
  border: 1px solid black;
  /* 其他样式属性 */
}

var highlightElements = document.getElementsByClassName('highlight');
for (var i = 0; i < highlightElements.length; i++) {
  highlightElements[i].addEventListener('mouseover', function() {
    // 显示弹出窗口的代码
  });
  highlightElements[i].addEventListener('mouseout', function() {
    // 隐藏弹出窗口的代码
  });
}