将鼠标悬停在数组元素上并为数组元素赋值时显示滑块

<div class="array-container">
  <span class="array-element">元素1</span>
  <span class="array-element">元素2</span>
  <span class="array-element">元素3</span>
  <!-- 其他数组元素 -->
</div>

.array-element {
  position: relative;
  display: inline-block;
  padding: 10px;
  background-color: #ccc;
}

.array-element:hover::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background-color: red;
}

const arrayElements = document.querySelectorAll('.array-element');

arrayElements.forEach(element => {
  element.addEventListener('mouseover', () => {
    // 在这里进行赋值操作
  });
});