Javascript 基于下拉选择的信息框

这就是我想做的。。我有一个下拉框，我想要一个浮动框来显示基于项目的定义

例如，列表包含：

项目1 项目2 项目3 项目4

用户将鼠标悬停在项目2上，将弹出一个简要说明

我有办法做到吗？我不是在寻找整个代码，我只是想指出正确的方向

---

谢谢你……

完成这项任务有很多不同的方法

纯css

<a>Hover over me!</a>
<div>Stuff shown on hover</div>

div {
    display: none;
}

a:hover + div {
    display: block;
}

如果您可能需要经常使用jquery，jquery中也有一个插件：

jQuery工具提示插件。在这里找到

javascript:

<div style="width: 80px; height: 20px; background-color: red;" 
        onmouseover="document.getElementById('div1').style.display = 'block';">
   <div id="div1" style="display: none;">Text</div>
</div>


onmouseout="document.getElementById('div1').style.display = 'none';"

jquery鼠标悬停和鼠标悬停：

---

希望这能帮助你完成任务。=]谢谢，我会试一试的。是的，请。如果有效，请将我的答案标记为正确，以备将来参考。谢谢你。一遍又一遍地回答正确的问题？

<div style="width: 80px; height: 20px; background-color: red;" 
        onmouseover="document.getElementById('div1').style.display = 'block';">
   <div id="div1" style="display: none;">Text</div>
</div>


onmouseout="document.getElementById('div1').style.display = 'none';"

$("#menu").hover(function(){
    $('.flyout').show();
},function(){
    $('.flyout').hide();
});