WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Path Style Menu

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Стиль меню Путь

Это меню многоуровневая вдохновлен Path 2.0 UI, который имеет небо взлетела приложение Path в магазине App, доказывая, что отличительной UI действительно может дать вам преимущество на конкурентном рынке с аналогичными продуктами.

Когда пользователь нажимает или нажимает кнопку, пункты меню расширить и поставить себя вокруг главной кнопки формирования дуги, окружности, выстраиваются в линию по горизонтали или по вертикали. Чтобы закрыть меню, пользователю необходимо либо выбрать одну из представленных вариантов или снова нажмите кнопку основной.

Если несколько уровней вложенности, а затем нажав подменю произведет кнопку назад, что позволяет пользователю вернуться к предыдущему пункту меню.




История изменений следующим образом :

  • 29/05/2013 3.7 набор изменений
  • Исправлено меню стиля дуги на прошивкой, где меню было нервными при прокрутке страницы. Теперь она прокручивается вместе со страницей плавно.
  • Исправлена ​​ошибка встроенного меню, где расстановка пунктов меню был искажен, если скроллбары присутствовали на странице.
  • Добавлен новый параметр, чтобы разрешить останавливать расширенное меню разрушаться при щелчке в окне документа.
  • Пункты меню можно было видеть, идущий от верхнего края экрана в направлении, где основная кнопка сидит. Это было исправлено. Теперь при загрузке страницы все, что вы видите, является mainbutton. Кнопки Пункт расширяются и видны только после нажатия основной кнопки.
  • 09/01/2013 3.6 набор изменений
  • Минимизированный версии не работают хорошо при настройке размеров значков и некоторые другие свойства с помощью JavaScript. Это теперь исправлена
  • В Firefox был мерцает при расширении меню, в то время как это было зафиксировано, прежде чем он продолжал подкрадываться в более поздних версиях, установил ее на этот раз раз и навсегда!
  • Main Теперь кнопка вращается полный 360deg по умолчанию В.С. 180deg с более ранних версий
  • 26/11/2012 3.5 набор изменений
  • Исправлена ​​проблема, на сенсорных устройствах, где меню рядный не показаны на всех. Изменение в предыдущем выпуске сломал это, теперь исправлена.
  • Исправлено позиционирование пунктов подменю, когда было 1 или 2 пункты подменю во всем. Пункты меню будут оставаться частично покрыты основной кнопки.
  • Обеспечено, что меню не получает скрыты случайно, то есть вы в конечном итоге выбрать меню в вашем CSS при создании макетов реагирующие дизайна и Hidding его. Отмечено несколько тем делают это, не должно быть проблемой в настоящее время.
  • 19/11/2012 3.4 набор изменений
  • Нажатие кнопки теперь позволит достаточно времени для анимации, чтобы закончить Прежде чем перейти к URL-адресу назначения
  • Когда меню загружает в первый раз, вы видите его в движение, как он прячется за основной кнопки. Это было непреднамеренным. Теперь он просто загружает за основной период кнопки.
  • Исправлены несоответствия в документации.
  • 22/10/2012 3.3 набор изменений
  • Новая документация в формате PDF-файл
  • Добавлена ​​поддержка для настройки URL непосредственно при установке детали. Нет необходимости писать код для навигации, до тех пор, как вы предоставили URL, навигация автоматически. Это делает установку навигации довольно легко и не требует вручную подписки на события, если кто-то хочет, чтобы только обеспечить навигацию.
  • Добавлена ​​поддержка для открытия URL в новой вкладке, по умолчанию является ложным.
  • Убрано требование для настройки иконок URL в CSS. Теперь вы можете настроить все меню в JavaScript или делать вещи, как и раньше. Вы должны взглянуть на новой документации.
  • Более ранние версии разоблачили одного onSelecteditem, который обстреливал для любой кнопки нажал. Это является причиной путаницы, как вы тогда должны были вручную фильтровать кнопки, представляющие интерес. Для пользы ясности мы теперь выставить отдельные события вместо того, чтобы:
    1. onMainButtonClick-пожары, когда основная кнопка нажата
    2. onParentButtonClick-срабатывает, когда родительский элемент нажата
    3. onBackButtonClick-срабатывает, если кнопка нажата назад
    4. onItemButtonClick огня для кнопки пункта меню
  • Исправлена ​​несогласованность с автоматическим расширением меню на странице загрузки.
  • Изменен способ идентификаторы были выход компонентом. Это изменение разорвать обратную совместимость в этой версии. Люди с помощью CSS, чтобы стиль кнопки, который также по умолчанию в предыдущих версиях, нужно будет префикс идентификатор меню с идентификатором кнопки меню т.е. ранее, если они имели это:
     # menuitem0 { фон: URL ( '../ изображений / photo.png') не повторять; } # menuitem1 { фон: URL ( '../ изображений / people.png') не повторять; } 
    теперь это:
     # menu1_menuitem0 { фон: URL ( '../ изображений / photo.png') не повторять; } # menu1_menuitem1 { фон: URL ( '../ изображений / people.png') не повторять; } 
    где menu1 это идентификатор меню.
  • Элемент контейнера теперь имеет размер по умолчанию, который является размером основной кнопки. Ранее мы оставили эту ответственность на пользователя, но это добавило больше места для путаницы и более ручных шагов, чтобы сделать встраиваемыми меню вести себя как можно было бы ожидать, что она. Это теперь обрабатывается меню внутренне.
  • 10.01.2012 3.2 набор изменений
  1. enableUrlHash теперь ложно по умолчанию. Чтобы использовать эту функцию, вы должны вручную установить его на истинный например, {enableUrlHash: истинно} передается в качестве опции в конструктор меню.
  2. При переходе простой набор строковых значений в элементы свойств, например: {пункты: «Меню 1», «Меню 2», «Меню 3 '} против гораздо богаче формат, то значение параметра передается onSelectedItem обработчик событий оказался нуль, Это теперь исправлена.
  3. когда пункт меню активен (т.е. нажал), который коллапсирует пункты меню все вместе, нажав в документ снова расширяет меню с щелкнутыми элемент не отображается. Меню не должно расширяться и не должны щелкнули элемент будет скрыт. Это ошибка, из-за щелкнутыми элемента, скрытый с помощью непрозрачности. Теперь это исправлено.
  4. Добавлены поля по умолчанию и отступы на главной кнопке. Это должно гарантировать, что CSS третьей стороны на странице не влияет на меню.
  5. Добавлена ​​поддержка автоматического открытия при загрузке страницы меню. Чтобы включить это, вы должны установить расширилась: правда
  6. Добавлена ​​поддержка автоматически разрушаясь меню после того, как он был автоматически расширен при загрузке страницы. Для этого вы должны установить значение expandTimeout количеству ожидающих миллисекунд.
  7. Добавлена ​​поддержка меток. Вы можете включить эту функцию, добавив showLabel: правда, и метка отображается рядом с иконой. Текст метки подается через право собственности.
  • 8/15/2012 3.1 набор изменений
  • -Этот Обновление в основном решает любые вопросы IE8 и IE7. Список исправлений:
  • IE7 и IE8 исправления совместимости:
    • при нажатии в документе и элементы были в растянутом состоянии, они не получают разрушилась. Это теперь исправлена.
    • Все онлайн демо-версии использовали querySelector. Это ломает в IE8 (режиме compatbility).
    • Добавлен polyfill для querySelector и [].forEach. Это влияет только на онлайн-демонстрацию в IE8. Исправлена.
    • Добавлен polyfill для String.trim
    • Исправлен метод Dispose, который захлебнулся в ie8
  • Другие вопросы:
    • Добавлена ​​поддержка высокого порядка Z-индекс для меню, когда в режиме инлайн.
    • Исправлено мерцание при переходе CSS3 на FireFox, где анимация была рывками и медленно.
    • Добавлено недостающее звено в документации.
  • 8/10/2012 3.0 набор изменений
  • Добавлена ​​поддержка для стыковки меню в левом верхнем углу, в правом верхнем углу и нижнем правом углу. Раньше у нас была поддержка только в нижнем левом углу. Теперь мы поддерживаем стыковку во всех 4 углах экрана.
  • Стыковка теперь корректно поддерживается в Android 4.0 ++, как он поддерживает CSS фиксированное положение красиво. Он должен работать так же в ИОС 5 (если не сообщить об этом, спасибо).
  • Добавлена ​​поддержка встраивание меню.
  • Теперь мы поддерживаем 11 различных стилей выложив меню:
    1. PathMenu.ExpandPattern.circle
    2. PathMenu.ExpandPattern.lineTop
    3. PathMenu.ExpandPattern.lineRight
    4. PathMenu.ExpandPattern.lineBottom
    5. PathMenu.ExpandPattern.lineLeft
    6. PathMenu.ExpandPattern.lineMiddleHorizontal
    7. PathMenu.ExpandPattern.lineMiddleVertical
    8. PathMenu.ExpandPattern.leftBottomFixedArc
    9. PathMenu.ExpandPattern.leftTopFixedArc
    10. PathMenu.ExpandPattern.rightBottomFixedArc
    11. PathMenu.ExpandPattern.rightTopFixedArc
  • Добавлена ​​поддержка нескольких экземпляров меню
  • Добавлена ​​поддержка контента в текстовой кнопки.
  • Добавлена ​​поддержка масок изображений.
  • Extended АНИ и подвергаются новые методы и свойства, конкретно те, которые вы можете использовать, чтобы добавить пункты меню динамически. Ссылочная документацию для деталей. Кроме того, мы также добавили новую лабораторию демо, чтобы продемонстрировать более сложные сценарии, такие как добавление пунктов меню во время выполнения.
  • 6/12/2012 1.9 набор изменений
  • Исправлена ​​ошибка в портативных устройствах, где не адресной строки компенсировали. Это привело к меню ничего не делать во время операции касания.
  • Добавлен порядок Z-индекс по умолчанию, чтобы гарантировать, что меню всегда выше всех остальных элементов на странице, где он находится.
  • 5/19/2012 chagneset 1.8
  1. Расширение кривой
  2. Добавлена ​​поддержка меню закрытия при нажатии в документ. Это только для рабочего стола. На сенсорных устройств с поддержкой вы должны использовать кнопку закрытия.
  3. Добавлена ​​поддержка всплывающих подсказок. Эта функция доступна только на рабочем столе (без сенсорного устройств с поддержкой). проверьте документацию о том, как получить подсказку на ваших пунктов меню.
  4. onSelectedItem обработчик теперь включает щелкнули пункты меню, а также название, которое передается в аргументах функции обратного вызова.
  5. Медиа-запросы. Теперь вы можете передать список видовых экранов шириной до контрольной, например: [{ 'MinWidth': 640, 'MaxWidth': 1024}], и это будет оказывать себя, если это условие выполняется запрашивающим устройством / браузера.
  6. Горизонтальная толщина полосы прокрутки не было компенсировано при размещении меню в нижнем левом углу окна просмотра. Это теперь исправлена.
  7. Наиболее большая особенность еще, как это было предложено еще раз в том, что у нас теперь есть WordPress плагин (уже представленный на рассмотрение).
  • 5/19/2012 1.8 набор изменений:
  1. Исправлена ​​ошибка позиционирования, где, если у вас только один пункт меню и с правильной кривой установить его будет по-прежнему остаются скрытыми позади главного меню.
  2. Фиксированный справка только (режим отладки) генератор элемент иерархии, где дополнительный пункт меню был включен в выход.
  3. Исправлена ​​ошибка, которая затрагивает мульти-навигации. В основном, когда у вас было больше, чем на 1 уровень к югу от пункта меню более чем на 1, было бы Mixup.
  4. Исправлена ​​ошибка, которая повлияла на первый пункт меню. при нажатии на первый пункт меню не будет масштабировать при прокрутке вне поля зрения, как и другие.
  5. Теперь значки переставить себя при переходе от одного подменю к другому. Это позволяет значки, чтобы сохранить свою дугу, как пункты меню могут отличаться в зависимости от числа подменю в подменю.
  • 5/15/2012 Примечание: 1.8 (Скоро)
  • 4/28/2012 набор изменений: 1.7
  • Исправлены мелкие ошибки IE.
  • Добавлены новые онлайн демо-страницу, и в комплекте с пакетами исходных текстов.
  • Добавлена ​​поддержка хеш-символов. Теперь, если enableUrlHash истинно (ложно по умолчанию), то при нажатии на пункт меню, это команда получит добавляется в URL, так же, как в новом онлайн демо.
  • 04/26/2012 набор изменений: 1.6
  • Когда подменю Расширенной переход был прерывистый. Исправлена.
  • Opera Mini потерял плавные переходы, когда мы повышен до 1,5. Это теперь исправлена.
  • Значок кнопки назад используется стрелка в 1,5 раза; Это не поддается слишком хорошо для эффектов вращения. Для компенсации этого мы инкрементируется вращение, но это было не слишком хорошо. Теперь мы уменьшили вращение назад, как это было и изменил значок на что-то гораздо лучше.
  • Документально отладки функцию, которая будет печатать вашу структуру меню, так что вы можете увидеть, что меню идентификационному выглядят как облегчить ваши усилия в области развития. Это описано в руководстве.
  • Обновленный файл walkthrough.html найден в домашней папке, чтобы довести до скорости с последними изменениями.
  • Выставленный новый метод toggleMainButton. Это можно сочетать с методом toggleMenuExpansion.
  • 04/24/2012 1.5 набор изменений:
  • Теперь мы поддерживаем многоуровневую подменю.
  • Апи остается в соответствии с предыдущими версиями.
  • Добавлена ​​документация для многоуровневого подменю. Это часть вашей загрузки на странице прохождение игры.
  • Это на самом деле довольно большие изменения и кодовая претерпел частичную перезапись. Наслаждайтесь!
  • 04/17/2012 1.4 набор изменений
  • Исправлена ​​ошибка с сенсорным на портативных устройствах
  • Исправлена ​​ошибка в методе Dispose
  • -Теперь собственно очистка происходит, когда меню утилизированы.
  • 04/16/2012 1.3 набор изменений
  • Выставленный set_curve (значение) публичный метод
  • Выставленный оснастке () Открытый метод
  • На следующем месте ProjectPathMenu \ SRC \ COM \ pathmenu \ домой
  • -Добавлена ​​Дополнительный демо в index.html, демонстрирующая настройки шаблона кривой пунктов подменю.
  • -Добавлена ​​Прохождение игры учебник, что делает его намного проще для конечного пользователя.
  • -Добавлена ​​Демо-страницу, которая включает в себя только меню уменьшая шансы для отвлечения внимания.
  • 04/15/2012 Изменение установить 1.2
  • Выставленный открытый метод: toggleMenuExpansion
  • Выставленный открытый метод: get_toggleState
  • Добавлен пример кода в файле индекса (так же, как предварительный просмотр), чтобы показать, как случай toggleMenuExpansion и get_toggleState могут быть использованы.
  • Revamped страницу образца немного с новым знаменем кратном для мобильных / настольных устройств
  • 04/14/2012 Изменение установить 1.1: ххх

Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

созданный:
13 апр 12

Последнее обновление:
+29 13 мая

Совместимые браузеры:
IE8, IE9, Firefox, Safari, Opera, Chrome

файлы, включенные:
JavaScript JS, HTML, CSS

Ключевые слова

электронной коммерции, электронной коммерции, Все детали, Android, CSS3 переходы, настраиваемый, рабочий стол, портативный, Ipad, iphone, меню, мобильный, Navbar, навигация, вращать, горка, таблетка, WP7