html中如何实现下面这种图片的下拉列表

问题遇到的现象和发生背景

在html中如何能实现这种下拉列表，请学霸们 指点一下!谢谢！

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

用hover事件

css会用hover；js使用onmouseover ，onmouseout