Кто-нибудь знает о достойном способе создания меню drupal, которое может измениться, когда пользователь наводит курсор на родительский пункт меню.drupal expandable hover menu
ответ
Написал этот бит 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>
Некоторых темы поставляются с расширяемым меню. Любая тема, основанная на слиянии (http://drupal.org/project/fusion) или адаптивная тема (http://drupal.org/project/adaptivetheme), даст вам расширяемые раскрывающиеся меню. Просмотрите ссылки, чтобы узнать, какие темы основаны на вышеуказанных темах.
Чтобы включить выпадающий список, просто убедитесь, что пункт меню является «расширенным».
Не нужно устанавливать дополнительный модуль или вмешиваться в код темы. Легко.
Да, я могу установить его как расширенный, но затем статический - я хочу, чтобы он расширялся, когда пользователь зависает ... В идеале приятный jquery, поэтому он скользит вниз? – Shane
Вот почему вы должны использовать что-то вроде темы aqua marina (http://drupal.org/project/acquia_marina). Его тема слияния (http://drupal.org/project/fusion), которая поддерживает jQuery, сворачивает меню «из коробки» –
Ну, сайт теперь построен, так что это не решение для меня, я в настоящее время написав некоторые jquery, чтобы сделать это, и я отправлю его, как только я это сделаю. – Shane
- 1. jquery expandable menu push body down
- 2. CSS Hover Menu Пункт
- 3. Z index - Hover menu
- 4. jQuery Menu Hover Effect
- 5. jQuery Hover Menu
- 6. Buggy jquery hover menu
- 7. Hover menu animated
- 8. Css Nav Menu Hover
- 9. asp.net hover menu item
- 10. html/javascript hover menu
- 11. Pure CSS hover menu
- 12. javascruipt menu hover active
- 13. Menu on Button Hover
- 14. jQuery Hover Menu
- 15. Drupal 7 menu alter
- 16. Drupal: Active Menu Пункт
- 17. Drupal Change Menu url
- 18. Drupal 7 Multicolor Menu
- 19. Drupal Custom Menu Styling
- 20. jQuery Drop Down Hover Menu
- 21. Hover menu on Nested Gridview
- 22. пробел между css menu hover
- 23. css menu hover text color
- 24. Javascript Menu on hover event
- 25. li hover on navigation menu
- 26. JQuery Slide Up Hover Menu
- 27. Bootstrap nav menu hover color
- 28. Nav Menu Hover не работает
- 29. Css menu hover отображает окно
- 30. CSS Dropdown Menu On: Hover
Расширяемые меню, как правило, довольно легкие, как выглядит надбавка? Можете ли вы использовать свой собственный CSS, или вам нужно, чтобы он был подключаемым модулем Drupal? –
Да, я могу установить его как расширенный, но затем статический - я хочу, чтобы он расширялся, когда пользователь зависает ... В идеале хороший jquery, поэтому он скользит вниз? – Shane