2010-10-17 5 views
2

Tout le monde connaît une manière décente de rendre les menus drupal exapandables lorsque l'utilisateur survole l'élément de menu parent.drupal expand hover menu

+0

Les menus extensibles sont normalement assez faciles, à quoi ressemble le balisage? Êtes-vous capable d'utiliser votre propre CSS, ou en avez-vous besoin pour être un plug-in Drupal? –

+0

Oui, je peux le définir comme élargi, mais c'est statique puis - je veux qu'il se développe lorsque l'utilisateur plane ... Idéalement une belle jquery afin qu'il glisse vers le bas? – Shane

Répondre

2

A écrit ce morceau de jquery qui a fait l'affaire;

<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> 
1

Si vous souhaitez un menu déroulant, comme sur le site this, veuillez vous reporter au module Nice Menus de Drupal. C'est très facile à utiliser. Documentation et informations sur ce module, vous pouvez trouver here.

Hope this est ce que vous cherchez :)

concernant

0

Certains thèmes sont livrés avec des menus extensibles. Tout thème basé sur la fusion (http://drupal.org/project/fusion) ou le thème adaptatif (http://drupal.org/project/adaptivetheme) vous donnera des menus déroulants extensibles. Consultez les liens pour voir quels thèmes sont basés sur les thèmes ci-dessus.

Pour activer une liste déroulante, assurez-vous que l'élément de menu est commercialisé comme "développé".

Inutile d'installer un module supplémentaire ou de déranger le code du thème. Facile.

+0

Oui, je peux le définir comme élargi, mais c'est statique - je veux qu'il se développe lorsque l'utilisateur plane ... Idéalement, une belle jquery afin qu'il glisse vers le bas? – Shane

+0

C'est pourquoi vous devriez utiliser quelque chose comme le thème aqua marina (http://drupal.org/project/acquia_marina). C'est un thème basé sur la fusion (http://drupal.org/project/fusion) qui prend en charge les menus déroulants jQuery "out of the box" –

+0

Eh bien, le site est construit maintenant - donc ce n'est pas une solution pour moi, je suis actuellement J'écris un peu de jquery pour le faire et je le posterai une fois que je l'aurai fait. – Shane