【问题标题】:drupal expandable hover menudrupal 可扩展悬停菜单
【发布时间】:2010-10-17 10:50:28
【问题描述】:

任何人都知道当用户将鼠标悬停在父菜单项上时使 drupal 菜单可扩展的一种不错的方法。

【问题讨论】:

  • 可扩展菜单通常很简单,标记是什么样的?您可以使用自己的 CSS,还是需要将其作为 Drupal 插件?
  • 是的,我可以将其设置为展开,但那是静态的 - 我希望它在用户悬停时展开...理想情况下是一个不错的 jquery,所以它会向下滑动?

标签: php jquery html css drupal


【解决方案1】:

写了一段 jquery 来解决问题;

<style>
    ul.menu li.expanded ul.menu {  display:none;}
    ul.menu li.active-trail ul.menu{ display:block;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $("li.expanded").mouseenter(function(){

        $("li.expanded").each( function() {
            $(this).find("ul.menu").css('display','none');
        }); 

        $(this).find("ul.menu").css('display','block');
        $(this).animate( {'height':'100%'},1500);
    });

</script>

【讨论】:

    【解决方案2】:

    如果您想要下拉菜单,例如this 站点,请参阅 Drupal 的 Nice Menus 模块。它非常易于使用。有关此模块的文档和信息,您可以找到 here

    希望这就是你要找的:)

    问候

    【讨论】:

      【解决方案3】:

      某些主题带有可扩展的菜单。任何基于融合 (http://drupal.org/project/fusion) 或自适应主题 (http://drupal.org/project/adaptivetheme) 的主题都将为您提供可扩展的下拉菜单。查看链接以查看哪些主题基于上述主题。

      要启用下拉菜单,只需确保菜单项是“已扩展”的市场。

      无需安装任何额外的模块或弄乱主题代码。很简单。

      【讨论】:

      • 是的,我可以将其设置为展开,但那是静态的 - 我希望它在用户悬停时展开...理想情况下是一个不错的 jquery,所以它会向下滑动?
      • 这就是为什么你应该使用类似 aqua marina 主题的东西 (drupal.org/project/acquia_marina)。它是一个基于融合的主题 (drupal.org/project/fusion),支持“开箱即用”的 jQuery 下拉菜单
      • 现在网站已经建好了 - 所以这对我来说不是一个解决方案,我目前正在编写一些 jquery 来做这件事,我会在完成后发布它。
      • 因为之前没有人提到过!
      猜你喜欢
      • 2019-06-05
      • 2015-02-17
      • 1970-01-01
      • 1970-01-01
      • 2011-06-10
      • 1970-01-01
      • 2013-12-30
      • 1970-01-01
      • 2011-07-08
      相关资源
      最近更新 更多