2010-10-17 3 views
2

Кто-нибудь знает о достойном способе создания меню drupal, которое может измениться, когда пользователь наводит курсор на родительский пункт меню.drupal expandable hover menu

+0

Расширяемые меню, как правило, довольно легкие, как выглядит надбавка? Можете ли вы использовать свой собственный CSS, или вам нужно, чтобы он был подключаемым модулем Drupal? –

+0

Да, я могу установить его как расширенный, но затем статический - я хочу, чтобы он расширялся, когда пользователь зависает ... В идеале хороший jquery, поэтому он скользит вниз? – Shane

ответ

2

Написал этот бит 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> 
1

Если вы хотите выпадающее меню, например, на сайте this, обратитесь к модулю Nice Menus Drupal. Он очень прост в использовании. Документация и информация по этому модулю вы найдете here.

Надежда это то, что вы ищете :)

С уважением

0

Некоторых темы поставляются с расширяемым меню. Любая тема, основанная на слиянии (http://drupal.org/project/fusion) или адаптивная тема (http://drupal.org/project/adaptivetheme), даст вам расширяемые раскрывающиеся меню. Просмотрите ссылки, чтобы узнать, какие темы основаны на вышеуказанных темах.

Чтобы включить выпадающий список, просто убедитесь, что пункт меню является «расширенным».

Не нужно устанавливать дополнительный модуль или вмешиваться в код темы. Легко.

+0

Да, я могу установить его как расширенный, но затем статический - я хочу, чтобы он расширялся, когда пользователь зависает ... В идеале приятный jquery, поэтому он скользит вниз? – Shane

+0

Вот почему вы должны использовать что-то вроде темы aqua marina (http://drupal.org/project/acquia_marina). Его тема слияния (http://drupal.org/project/fusion), которая поддерживает jQuery, сворачивает меню «из коробки» –

+0

Ну, сайт теперь построен, так что это не решение для меня, я в настоящее время написав некоторые jquery, чтобы сделать это, и я отправлю его, как только я это сделаю. – Shane