创建一个在单击时展开的菜单

Question

我想要创建一个菜单，它可以在单击时展开。(例如，facebook、gmail、twitter的菜单都位于右上角，点击我们获得的账户设置、注销等等。)

在drupal中做这件事的最好方法是什么？这有什么模块吗?还是我需要主题中的模块？

还有，这样的菜单有什么特别的名称吗？谢谢!

Answer 1

哪个drupal 6/7？参见这里的http://www.pixelclever.com/custom-drupal-themes-drupal-5-and-drupal-6和这个JQuery菜单模块。

Jquery菜单使用简单、跨浏览器兼容的jquery将多级菜单转换为单击和展开菜单。是的，这个模块类似于dhtml菜单和活动菜单，但是它在几个关键方面是不同的。

1. 与dhtml菜单不同，Jquery菜单将链接从扩展机制中分离出来(有一个小的加号，您可以单击这个符号来展开菜单)。dhtml菜单要求您在链接上单击两次才能真正遵循扩展链接。这使得导航变得更加自然。
2. 与活动菜单不同的是，当您单击加号符号时，使用ajax调用来填充较低级别的菜单，Jquery菜单在初始页面加载时完全创建菜单。我个人已经使用了几个月的活动菜单，发现这些ajax调用有时会失败，并且不像jquery那么稳定。
3. 与激活模块后将所有菜单转换为活动菜单不同的是，Jquery菜单只为您指定的菜单创建jquery块。要选择您想要激活的菜单，只需访问管理页面‘admin / the /jquerymenu’即可。
4. Jquery菜单很容易成为主题。由于jquery菜单块只使用少量的样式，并且不使用默认的列表样式，因此用自己的css覆盖它是很容易的。此外，重要的显示元素包含在主题函数中，因此如果您愿意，可以修改布局。

Answer 2

编辑:我最初建议使用不错的菜单 (60,000+ installs)和超香 (30,000+ installs)。不过，不错的菜单不具有onclick行为。有一个onclick超级图书馆，但我不知道集成到Drupal中有多困难。

可以进行onclick的另一种方法是动态持久菜单。

Answer 3

如果您需要轻量身定制的菜单，我建议您自己编写，请按照以下步骤操作：

1. 通过管理界面创建菜单
2. 在菜单中标记为扩展的父母项。
3. 一些css来隐藏孩子
4. 一些javascript在父级单击或悬停时显示孩子

如果您有以#menu作为ID的菜单，那么css示例：

css rule for parents
css rule for childs (level 2)
css rule for childs (deeper levels)
css rule for initiate menu like:
ul#menu ul {
  display: none;
  position: absolute;
  top: ??px;
  width: ??px;
  z-index: 100;

}

以及一些javascript，如：

jQuery(function(){
  jQuery('ul#menu>li').hoverIntent(function(){
    jQuery(this).find('>ul').fadeIn('fast');
  },function(){
    jQuery(this).find('>ul').fadeOut('fast');
  });
});