带有jQuery的下拉菜单（渐进增强）_Jquery

带有jQuery的下拉菜单（渐进增强）

jquery

带有jQuery的下拉菜单（渐进增强）,jquery,Jquery,我希望你能帮我做这个。。。我想用jQuery创建一个下拉菜单，它与浏览器中启用的javascript完美配合。现在我想让它在javascript被打开时工作，我不太确定如何做到这一点我这里有代码，你可以自己看包含列表的我的html页面： <!DOCTYPE HTML> <html> <head> <script src="jquery-1.6.min.js" type="text/javascript" charset="ut

我希望你能帮我做这个。。。我想用jQuery创建一个下拉菜单，它与浏览器中启用的javascript完美配合。现在我想让它在javascript被打开时工作，我不太确定如何做到这一点

我这里有代码，你可以自己看

包含列表的我的html页面：

<!DOCTYPE HTML>
<html>
    <head>
        <script src="jquery-1.6.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" src="p6.js"></script>
    </head>
    <body>
      <ul id="menu">

        <li><a href="#">What's new?</a>
          <ul class="active">
        <li><a href="#">Weekly specials</a></li>
        <li><a href="#">Last night's pics!</a></li>
        <li><a href="#">Users' comments</a></li>
          </ul>
        </li>

        <li><a href="#">Member extras</a>
          <ul>
        <li><a href="#">Premium Celebrities</a></li>
        <li><a href="#">24-hour Surveillance</a></li>
          </ul>
        </li>

        <li><a href="#">About Us</a>
          <ul>
        <li><a href="#">Privacy Statement</a></li>
        <li><a href="#">Terms and Conditions</a></li>
        <li><a href="#">Contact Us</a></li>
          </ul>
        </li>

      </ul>
    </body>
</html>

谢谢你抽出时间

任何帮助都将不胜感激

如果关闭javascript，则下拉菜单的唯一解决方案是使用

或：悬停事件，并尝试使用css对其进行自定义

关闭JS==没有Javascript，没有Jquery，只有纯HTML和CSS

对于使用“hover”伪类的更现代的浏览器，您可以使用HTML和CSS来实现这一点（即6和类似版本不尊重hover伪类，除了在标签上）。大概是这样的：

ul#menu li ul {
    display:none
}
ul#menu:hover li ul {
    display:block
}

本文中有关css菜单的更多详细信息：

ul#menu li ul {
    display:none
}
ul#menu:hover li ul {
    display:block
}