2011-02-25 39 views
1

我以前用过网站导航的YUI Menu,并且它能够处理各种情况,比如视口尺寸检测等等。我当前的项目集中于jQuery,我想知道是否有一个很好的可比较的jQuery菜单系统。网络搜索尚未解决这个特定问题的答案。基于jQuery的YUI风格的菜单用于网站导航

具体的事情,YUI菜单确实,我在寻找:

  • 创建从嵌套列表标记在文件菜单(<ul>
  • 是相当简单的风格(相匹配的网站)
  • 进步增强
  • 具有子菜单指示器
  • 视口是否在呈现子菜单时将其识别(使它们保持在屏幕中,滚动)
  • 从YUI网站

两个例子:

回答

2

也许你正在寻找像Filament Group jQuery UI Menu Plugin这样的东西。它有一些强大的下拉/弹出的选项,其中包括一些iPod的风格的菜单,弹出按钮等

它还看起来像jQuery UI Menu(开发中)可以做你在找什么 - 看看上this page第二个例子

+0

这是一个令人印象深刻的菜单系统,但仍然不太符合我的要求。我添加了YUI菜单示例的链接,这可能会说明我的愿望。 – Sonny 2011-02-28 22:07:59

+0

如果你玩灯丝组的菜单系统,并让我知道你最主要的抱怨是什么,我可以为你解决它们。我为很多客户做了很多版本的菜单系统,但出于版权的原因,我不能将代码提供给客户。不会花我很长时间:) – Nikhil 2011-03-04 11:10:16

+0

1)我喜欢在悬停时打开子菜单。 2)我希望子菜单有自己的飞出。 3)菜单似乎不是视口意识。 – Sonny 2011-03-07 14:02:11

1

在这里,你拥有所有类的菜单,我不知道你需要什么究竟,而是采取了看看这里:

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

+0

我想要一个行为像YUI菜单。让我知道你需要的其他信息,然后我会澄清我的问题。 – Sonny 2011-02-28 18:25:53

+0

你可以提到预期的行为,因为我从未使用过YUI。 – JAiro 2011-02-28 18:28:12

1

我会+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> 
+0

我使用jQuery UI的其他地方,我很担心这将是多么困难的风格只是网站导航菜单,同时保持与其他的jQuery UI元素相匹配的seite设计我使用的主题。哪个菜单系统可以完成您链接的屏幕截图? – Sonny 2011-03-07 14:07:56

+0

jQuery UI菜单,带有UL元素样式。有一个演示某处长丝组网站希望您能找到它在他们的博客 – Deeptechtons 2011-03-08 06:12:09

+1

@Sonny - 您可以覆盖基于作用域选择的主题,如'#sitemenu的.ui状态默认{...}'等 – gnarf 2012-09-12 17:39:25