如何在html、css和javascript中创建滑块菜单

这里是web开发人员的新手。我感兴趣的是创建一个滑动菜单，用户可以通过点击下一个或上一个按钮查看和选择其中一个选项。我已经写了一些基本的html，但我不完全确定如何用javascript实现它。任何帮助都将不胜感激

你是说：

var期权=1； //下一个 document.getElementByIdNext.addEventListenerclick，displayNext； 函数displayNext{ document.getElementByIdo+option.style.display=none； 选项=选项1？选项1:4； document.getElementByIdo+option.style.display=block； } .导航按钮{ 浮动：左； 右边距：20px； 左边距：20px； } .集装箱{ 左边距：自动； 文本对齐：居中； } o1{ 显示：块； 浮动：左} 氧气{ 显示：无； 浮动：左} 臭氧{ 显示：无； 浮动：左} o4{ 显示：无； 浮动：左} < 选择1 选择2 选择3 选择4 >

---

这个问题似乎根本不包括任何解决问题的尝试。请编辑问题以显示您尝试了什么，并显示您遇到的具体障碍。有关更多信息，请参阅。请调查概念分页。请参阅以下资源：，

<div class = navigationButtons>
  <button class = "prev"> < </button>
</div>

<div class = "select options">
  <div class="o1">
    <button> option1 </button>
  </<div >

  <div class="o2">
    <button> option2 </button>
  </<div >

 <div class="o3">
    <button> option3 </button>
 </div>

 <div class="o4">
    <button> option4 </button>
 </div>
</div>

  <div class = navigationButtons>
    <button class = "next"> > </button>
  </div>