Question

我过去曾使用YUI Menu进行网站导航，并对它处理各种情况（如视口大小检测等）的能力印象深刻。我当前的项目以jQuery为中心，我想知道是否jQuery有一个很好的可比菜单系统。网络搜索没有找到这个具体问题的答案。

YUI Menu所做的具体事情我正在寻找：

从文档（<ul>）
风格相当简单（匹配网站）
渐进式增强
有子菜单指标
渲染子菜单时将视口识别（将它们保留在屏幕中，滚动）

YUI网站的两个例子：

Answer 1

也许您正在寻找像Filament Group jQuery UI Menu Plugin这样的东西。它有一些强大的下拉/弹出选项，包括一些带有弹出窗口的iPod风格菜单。

看起来jQuery UI Menu（正在开发中）可以做你想要的事情 - 看看this page

上的第二个例子

Answer 2

这里有各类菜单，我不知道你究竟需要什么，但请看一下：

http://plugins.jquery.com/projects/plugins?type=44

Answer 3

我会+1 jqueryUI菜单。在这里查看简单示例 http://docs.jquery.com/UI/Menu 如果您正在设计RIA应用程序，我建议ExtJS在这里查看ExtJS menu demo jQueryUI可以为您提供如下所示的菜单系统

wiki.jqueryui.com/f/1226677250/e2_menubar.png

这是一个查看菜单'

的快速代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script src="http://view.jqueryui.com/menu/ui/jquery.ui.menu.js"></script> <script type="text/javascript">// <![CDATA[
         $(document).ready(function() {$("ul").menu();});
// ]]></script>
<ul>
    <li><a href="#">Aberdeen</a></li>
    <li><a href="#">Ada</a></li>
    <li><a href="#">Adamsville</a></li>
    <li><a href="#">Addyston</a></li>
    <li><a href="#">Adelphi</a></li>
</ul>

基于jQuery的网站导航YUI样式菜单

3 个答案: