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

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

1 голос
/ 25 февраля 2011

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

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

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

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

Ответы [ 3 ]

2 голосов
/ 01 марта 2011

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

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

1 голос
/ 07 марта 2011

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

wiki.jqueryui.com / ж / 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>
1 голос
/ 28 февраля 2011

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

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

...