Меню в стиле YUI на основе jQuery для навигации по сайту

Я использовал YUI Menu в прошлом для навигации по веб-сайту и был впечатлен его способностью обрабатывать все виды случаев, таких как определение размера области просмотра и т. Д. Мой текущий проект сосредоточен на jQuery, и мне интересно, есть ли хорошая сопоставимая система меню для jQuery. Поиски в Интернете не нашли ответа на этот конкретный вопрос.

Определенные вещи, которые YUI Menu делает, что я ищу:

  • Создает меню из разметки вложенного списка в документе (<ul>)
  • Довольно простой стиль (для соответствия сайту)
  • Прогрессивное улучшение
  • Имеет индикаторы подменю
  • Осознает ли область просмотра при отображении подменю (держит их на экране, прокручивая)

Два примера с сайта YUI:

Источник

3 ответа

Решение

Возможно, вы ищете что-то вроде плагина jQuery для пользовательского интерфейса Filament Group. Он имеет несколько мощных выпадающих / всплывающих опций, в том числе меню в стиле iPod с выпадающими меню и т. Д.

Кроме того, похоже, что jQuery UI Menu (в разработке) может сделать то, что вы ищете - взгляните на второй пример на этой странице

Источник

Здесь у вас есть все классы меню. Я не знаю, что именно вам нужно, но посмотрите здесь:

http://plugins.jquery.com/projects/plugins?type=44

Источник

Я бы +1 jqueryUI меню. Взгляните на простой пример здесь http://docs.jquery.com/UI/Menu Если вы разрабатываете приложение RIA, я предлагаю ExtJS посмотреть здесь. ExtJS menu demo jQueryUI может предоставить вам систему меню, как показано ниже

wiki.jqueryui.com/f/1226677250/e2_menubar.png

вот быстрый код для просмотра меню

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script src="http://view.jqueryui.com/menu/ui/jquery.ui.menu.js"></script> <script type="text/javascript">// <![CDATA[
         $(document).ready(function() {$("ul").menu();});
// ]]></script>
<ul>
    <li><a href="#">Aberdeen</a></li>
    <li><a href="#">Ada</a></li>
    <li><a href="#">Adamsville</a></li>
    <li><a href="#">Addyston</a></li>
    <li><a href="#">Adelphi</a></li>
</ul>
Источник
Другие вопросы по тегам