Фреймворк выпадающих меню на Jquery и CSS
Выпадающие меню на сайтах как у: Adobe, MTV, Flickr, Nvidia и многих других популярных сайтах используют или использовали этот Фреймворк выпадающих меню. На данный момент есть основания полагать, что он самый быстрый.




Фреймворк выпадающих меню на Jquery и CSS
Фреймворк выпадпющих меню на CSS, но в IE на помощь приходит Jquery
Free CSS Drop-Down Framework Framework была впервые выпущена в июне 2008 года. С тех пор она поразила аудиторию своей идеальной кросс-браузерной производительностью и широким разнообразием трансформаций и тем выпадающего меню. Поскольку Интернет меняется, этот проект остается постоянным сторонником чисто CSS-ориентированных решений.
Модульная, с темами. Не только HTML отделяется от CSS, но даже определения CSS делятся на структурные и тематические типы. Таким образом, создание нового раскрывающегося меню CSS означает создание только новой темы, поскольку структура является постоянной.
Легко разворачивается. Код и файлы хорошо организованы. Доступные каналы для подключения к вашей CMS или другим инструментам, а также к существующим веб-сайтам в формате XHTML или HTML5.
Легко трансформируется. Может быть преобразовано только путем изменения имени класса. Доступные преобразования: горизонтальные, вертикальные слева направо, вертикальные справа налево, горизонтальные линейные, горизонтальные вверх.
Кросс-браузер. Доступны конфигурации для Windows Internet Explorer 7 или более поздней версии, Mozilla Firefox 1.5 или более поздней версии, Opera 7 или более поздней версии, Apple Safari 2 или более поздней версии, Google Chrome и т. Д.
Сверх быстрый фреймворк выпадпющих меню на CSS. Имея вышеупомянутые особенности, он не подвержен никаким помехам.
Непрерывное развитие. Проект постоянно пересматривается и совершенствуется.
Нет JavaScript вообще!
Качайте фреймворк выпадпющих меню на CSS и не парьтесь: http://www.lwis.net/free-css-drop-down-menu/
Часто задаваемые вопросы по фреймворку выпадающих меню Free CSS Drop-Down Menu Framework
? Почему вы используете видимость свойств CSS, а не их отображение, чтобы раскрывать и скрывать раскрывающиеся меню?
В моих тестах некоторые версии IE7 неправильно обрабатывали свойство display. Он по-прежнему отображал бы некоторые части выпадающего меню, даже если оно было закрыто в этот момент. Я понимаю, что некоторые пользователи могут захотеть использовать дисплей для динамического управления выпадающими меню. В этом случае, пожалуйста, используйте следующий фрагмент кода переопределения в вашей теме:
ul.dropdown ul { display: none; visibility: visible; }
ul.dropdown li:hover > ul { display: block; }
Теперь вы сможете управлять раскрывающимися списками с помощью JavaScript (использовать анимацию и т. Д.). Я буду дополнительно исследовать эту проблему и переместить этот код в базовый файл, как только почувствую себя комфортно в этой ситуации.
? Как выровнять меню по горизонтали?
Не существует надежного кросс-браузерного решения для центрирования этих плавающих пунктов меню. У меня есть одно возможное решение с парой недостатков - в IE7 он отключит горизонтальную полосу прокрутки, а в других браузерах он будет скрывать переполнение содержимого за пределами оболочки или контейнера страницы, если хотите.
Пожалуйста, обратитесь к двум доступным демонстрационным шаблонам, иллюстрирующим горизонтальное центрирование меню - темам MTV.com и Adobe. Тем не менее, это хорошее решение.
? У меня есть всплывающее меню под моим выпадающим меню, и эти выпадающие списки появляются за вспышкой. Почему?
Вы должны использовать атрибут wmode внутри вашего объекта и вставлять теги вашего flash-элемента. Значение этого свойства должно быть прозрачным. Справочное руководство Adobe гласит, что при прозрачном wmode можно ожидать, что HTML-элементы перекрывают SWF-контент. В некоторых случаях значение непрозрачный тоже будет работать. Пожалуйста, посетите Flash документацию Abobe для более подробной информации.
? Могу ли я связаться с вами, чтобы помочь мне с установкой меню?
Да, пожертвуйте желаемую сумму, нажав кнопку «Пожертвовать», которая находится в разделе «Загрузка и поддержка». Paypal раскроет вам мой адрес электронной почты. Как только пожертвование будет завершено, используйте это письмо, чтобы связаться со мной с вашим запросом.
? Это меню работает на iPhone OS или другой мобильной ОС без события наведения мыши?
Да, он работает на таких ОС. В расширенной или окончательной версии меню смысл состоит в том, чтобы использовать триггер гиперссылки внутри элемента li, чтобы открыть его дочернее меню. В простой версии вам нужно будет использовать обходной путь и добавлять onmouseover = "" к каждому элементу li, содержащему раскрывающееся меню, чтобы запускать и переключать его видимость.
? Есть ли у вас документация для этого проекта?
У меня нет обширной документации. Я видел статьи, посвященные интеграции в Wordpress, использованию Blueprint, расширению Typo3
? В чем разница между простым и расширенным / окончательным (горизонтальным) меню?
Креативная стратегия для этой структуры состояла в том, чтобы разбить каждую тему на 3 сегмента - простую, продвинутую и окончательную. Простой слой просто запускает стиль с базовой функциональностью. Он не использует гиперссылки в качестве блоков, а сохраняет их как встроенные элементы. Поверх простых базовых расширенных сегментов отображаются гиперссылки в виде блоков и соответственно переконфигурируются другие элементы. Наконец, в конечном слое добавлена поддержка отдельных элементов span, вложенных в элемент списка, для управления сложными темами, требующими дополнительных элементов.
? Как включить или активировать состояние в сетке пунктов меню, чтобы отметить путь к открытой странице?
Вы можете включить это состояние, добавив класс on (class = "on") к любому активному элементу li. Эта простая функция демонстрируется в некоторых шаблонах в пакете загрузки. Если вы хотите настроить стили для этого состояния, вам придется сделать это в вашей собственной таблице стилей CSS.
Качайте фреймворк выпадпющих меню на CSS и не парьтесь: http://www.lwis.net/free-css-drop-down-menu/