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