Фреймворк выпадающих меню на 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/