用于简单菜单扩展的Javascript

嗨，我是JavaScript新手，我想编写一个非常简单的扩展子菜单

<div id="submenu">
  <ul>
   <li>
     Something
   </li>
   <li>
     Another
   </li>
 </ul>
 <div id="submenu-1" class="submenu-options">
  <ul>
   <li>Something-sub</li>
   <li>Something-sub</li>
   <li>Something-sub</li>
  </ul>
 </div>
 <div id="submenu-2" class="submenu-options">
  <ul>
   <li>Another-sub</li>
   <li>Another-sub</li>
   <li>Another-sub</li>
  </ul>
 </div>
</div>

某物


另一个



什么东西
什么东西
什么东西


另一艘潜艇
另一艘潜艇
另一艘潜艇

更具体地说，如果我将鼠标悬停在某物上，我希望在鼠标离开时显示“某物”子菜单，我希望它再次被隐藏。。。 我知道有人问了很多问题，有很多方法可以做到这一点，但谷歌提出了太多不满意的答案。 我希望你能抽出10分钟来帮助我摆脱痛苦

---

问候并感谢你

我用Dojo做了类似的事情，取得了巨大的成功。也许or会对你有用。

我用Dojo做了类似的事情，取得了巨大的成功。也许手术室对你有用

<div id="submenu">
  <ul>
   <li id="1">
     Something
   </li>
   <li id="2">
     Another
   </li>
 </ul>
 <div id="submenu-1" class="submenu-options">
  <ul>
   <li>Something-sub</li>
   <li>Something-sub</li>
   <li>Something-sub</li>
  </ul>
 </div>
 <div id="submenu-2" class="submenu-options">
  <ul>
   <li>Another-sub</li>
   <li>Another-sub</li>
   <li>Another-sub</li>
  </ul>
 </div>
</div>

或者，您可以使用某些具有API的javascript库轻松地完成这项工作。。其中一些库是Jquery（最流行的一个）、Sencha等

其中一些库具有具有菜单实现等功能的扩展

或者，您可以使用某些具有API的javascript库轻松地完成这项工作。。其中一些库是Jquery（最流行的一个）、Sencha等

---

其中一些库具有具有菜单实现等功能的扩展。

使用jQuery，您可以轻松完成这类工作，以下面的下拉示例为例：

HTML:

---

使用jQuery可以轻松地完成这类工作，以下面的下拉示例为例：

HTML:

---

您不需要java，只需简单的CSS即可：

li#submenu:hover div {
    display: block;
}

---

您不需要java，只需简单的CSS即可：

li#submenu:hover div {
    display: block;
}

---

我认为你应该选择一个你在谷歌搜索中看到的JQuery菜单示例，然后从那里开始。我也考虑过，但所有这些示例都附带了额外的代码，由于我缺乏javascript技能，我无法区分我想要的东西和不需要的东西。我认为你应该选择一个你在谷歌搜索中看到的JQuery菜单示例从这里开始。我也考虑过，但所有这些都有额外的代码，我无法区分我想要的东西和不需要的东西，因为我缺乏javascript技能。我也考虑过，但如何悬停显示：无；？悬停元素（id=子菜单）时，可以使其子元素出现（id=子菜单1和子菜单2）。通过放置在：hover之后的子选择器（div）。我也考虑过这个问题，但是如何悬停显示：none；？悬停元素（id=子菜单）时，可以使其子元素出现（id=子菜单1和子菜单2）。通过放置在：hover.之后的子选择器（div），通过一些调整，这真的节省了我的时间：通过一些调整，这真的节省了我的时间：Di真的很欣赏它，是时候深入了解javascript和jquery了。我真的很欣赏它，是时候深入了解javascript和jquery了

$('.dropdown').hover(function() {
   $('ul', $(this)).show();
}, function() {
   $('ul', $(this)).hide();
});

li#submenu:hover div {
    display: block;
}