制作下拉列表鼠标碰到显示离开消失

您可以使用JavaScript和CSS来实现这个效果。以下是一个简单的例子：

<select id="mySelect" onmouseover="showOptions()" onmouseout="hideOptions()">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<style>
  #mySelect option {
    display: none;
  }

  #mySelect:hover option {
    display: block;
  }
</style>

<script>
  function showOptions() {
    var options = document.getElementById("mySelect").options;
    for (var i = 0; i < options.length; i++) {
      options[i].style.display = "block";
    }
  }

  function hideOptions() {
    var options = document.getElementById("mySelect").options;
    for (var i = 0; i < options.length; i++) {
      options[i].style.display = "none";
    }
  }
</script>

在这个例子中，我们使用CSS来将所有选项隐藏起来。当鼠标悬停在下拉列表上时，使用JavaScript来将所有选项显示出来。当鼠标移开时，再次使用JavaScript将所有选项隐藏起来。

希望这可以帮助您实现您想要的效果！