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

— Add- On do WorldWideScripts.net

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu Styl Ścieżka

Jest to menu wielopoziomowe zainspirowany Path 2.0 UI, który ma niebo wystrzelił aplikację ścieżka w App Store, udowadniając, że charakterystyczny UI może naprawdę dać ci przewagę na konkurencyjnym rynku z podobnymi produktami.

Gdy użytkownik naciśnie lub kliknie przycisk, pozycje menu poszerzyć i ustawiają się wokół przycisku głównego tworząc łuk, okrąg, wyrównać poziomo lub pionowo. Aby zamknąć menu, użytkownik musi albo wybiera jedną z opcji przedstawionych lub ponownie nacisnąć przycisk głównego.

Jeśli kilka poziomów są zagnieżdżone, a następnie klikając podmenu będzie produkować tylną przycisk pozwalający użytkownikowi wrócić do poprzedniej pozycji menu.




Zmian w następujący sposób:

  • 29/05/2013 changeset 3.7
  • Poprawiono menu Styl łuku na iOS, gdzie menu było jumpy podczas przewijania strony. Teraz przewija wraz ze stroną gładko.
  • Naprawiono błąd, gdzie menu inline wyrównanie pozycji menu został zniekształcony, jeśli były obecne w paski przewijania strony.
  • Dodano nową opcję, aby umożliwić zatrzymanie rozszerzoną menu przed zapadnięciem się po kliknięciu w oknie dokumentu.
  • Pozycje menu można było zobaczyć podróżując od górnej krawędzi ekranu w kierunku, w którym przycisk główny siedzi. Zostało to naprawione. Teraz jak załadowaniu strony wszystko co widzisz jest mainbutton. Przyciski Element poszerzyć i są widoczne dopiero po kliknięciu przycisku głównego.
  • 01.09.2013 changeset 3.6
  • Te wersje minified przy określaniu wymiarów ikonę i kilka innych właściwości poprzez javascript nie działa dobrze. Zostało to poprawione teraz
  • W Firefoksie, nie było migotanie po rozwinięciu menu, podczas gdy ten został ustalony przed przechowywane pnący się w późniejszych wersjach, naprawił ten czas raz na zawsze!
  • Teraz przycisk główna obraca pełny 360deg domyślnie vs 180deg z wcześniejszymi wersjami
  • 26/11/2012 changeset 3,5
  • Naprawiono problem na urządzeniach dotykowych, gdzie menu inline nie pojawia się wcale. Zmiana w stosunku do poprzedniej wersji złamał to teraz naprawić.
  • Poprawiono rozmieszczenie punktów podmenu, kiedy było 1 lub 2 pozycji podmenu w ogóle. Pozycje menu pozostaną częściowo objęte przycisku głównego.
  • Zapewnić, że menu nie zostanie ukryte przez przypadek, tj skończyć się wybierając z menu w CSS przy tworzeniu elastycznych układów konstrukcyjnych i hidding niego. Zauważyć kilka tematów w ten sposób, nie powinno być problemu teraz.
  • 19/11/2012 changeset 3.4
  • Klikając przyciski będą teraz wystarczająco dużo czasu dla animacji, aby zakończyć przed przejściem do docelowego adresu URL
  • Gdy menu ładuje po raz pierwszy, można zobaczyć go w ruchu, gdyż kryje się za pomocą przycisku głównego. To było niezamierzone. Teraz po prostu ściąga za głównym okresie przycisku.
  • Poprawiono nieścisłości w dokumentacji.
  • 22/10/2012 changeset 3.3
  • Nowa dokumentacja w formacie pdf
  • Dodano wsparcie dla ustalania url bezpośrednio przy ustawianiu elementów. Nie trzeba pisać żadnego kodu do nawigacji, tak długo jak to pod warunkiem, że adres URL, nawigacja odbywa się automatycznie. To sprawia, że ​​utworzenie nawigację dość proste i nie wymaga ręcznego subskrypcji zdarzeń, jeśli chce się tylko zapewniają nawigację.
  • Dodano wsparcie dla otwierania URL w nowej karcie, domyślną jest false.
  • Usunięto wymóg ustawiania ikon URL w css. Teraz można skonfigurować całe menu w JavaScript lub robić rzeczy, jak poprzednio. Trzeba będzie przyjrzeć się nowej dokumentacji.
  • Wcześniejsze wersje narażone pojedynczy onSelecteditem której zwolniony za dowolny przycisk kliknięty. Jest to przyczyną nieporozumień, jak potem musiał ręcznie filtrować przycisków interesów. Przez wzgląd na przejrzystość teraz wystawiać oddzielne zdarzenia w zamian:
    1. onMainButtonClick pożary, gdy przycisk zostanie kliknięty główną
    2. onParentButtonClick-pożary, gdy pozycja dominująca kliknięciu
    3. onBackButtonClick pożary, gdy przycisk zostanie kliknięty powrotem
    4. onItemButtonClick pożary na przycisku pozycji menu
  • Poprawiono niespójność z automatyczną rozbudowę menu w ładowania strony.
  • Zmieniono sposób id użytkownika były Wyjście przez komponent. Ta zmiana złamać kompatybilności wstecznej w tej wersji. Ludzie za pomocą CSS do stylu przycisków, co było również domyślna w poprzednich wersjach, będzie chciał poprzedzić identyfikator menu za pomocą przycisku MENU czyli identyfikator wcześniej, gdyby mieli w ten sposób:
     # menuitem0 { background: url ( "../ images / photo.png") no-repeat; } # menuitem1 { background: url ( "../ images / people.png") no-repeat; } 
    teraz jest:
     # menu1_menuitem0 { background: url ( "../ images / photo.png") no-repeat; } # menu1_menuitem1 { background: url ( "../ images / people.png") no-repeat; } 
    gdzie menu1 jest id menu.
  • Element pojemnika ma teraz domyślny rozmiar, który jest wielkości przycisku głównego. Wcześniej opuściliśmy tę odpowiedzialność na użytkownika, ale to dodaje więcej miejsca na pomyłki i innych ręcznych czynności, aby wstawiane menu zachowują się jak można by oczekiwać, że. Obecnie jest to obsługiwane przez menu wewnętrznie.
  • 01.10.2012 changeset 3.2
  1. enableUrlHash jest teraz domyślnie wartość false. Aby korzystać z tej funkcji, trzeba ręcznie ustawić go na true np {enableUrlHash: true} przekazywana jako opcja dla konstruktora menu.
  2. Po przejściu prostego zestawu wartości ciąg do pozycji rzeczowych np {pozycji: "Menu 1", "Menu 2", "Menu 3 '} vs znacznie bogatszej formie, parametr wartość przekazana do onSelectedItem obsługi zdarzeń okazało się NULL, Jest to teraz naprawić.
  3. gdy element menu jest aktywne (czyli kliknięcia), która zapada pozycje menu wszyscy razem, klikając w dokumencie ponownie rozszerza menu z kliknięty element nie pokazuje. Menu nie powinno rozszerzyć ani nie powinien być kliknięty element ukryty. Jest to błąd ze względu na klikniętego elementu jest ukryty za krycie. To teraz naprawić.
  4. Dodano domyślny margines i dopełnienie przycisku głównego. Ma to na celu zapewnienie, że trzecia partia w css strony nie wpływa na menu.
  5. Dodano wsparcie dla automatycznego otwierania menu na stronie obciążenia. Aby włączyć tę trzeba ustawić rozszerzony: true
  6. Dodano wsparcie dla automatyczne zwijanie menu po tym jak został automatycznie rozszerzony na stronie obciążenia. W tym celu trzeba ustawić wartość expandTimeout liczby milisekund oczekiwania.
  7. Dodano wsparcie dla etykiet. Można włączyć tę funkcję, dodając showLabel: true, a etykieta jest wyświetlana obok ikony. Tekst etykiety jest dostarczany za pośrednictwem właściwości tytułowej.
  • 15.08.2012 changeset 3,1
  • -Ta Zmiana najczęściej rozwiązuje wszelkie problemy IE8 i IE7. Lista poprawek:
  • IE7 & IE8 ze zgodnością poprawki:
    • po kliknięciu w dokumencie oraz elementy były w stanie rozszerzonym, nie były one coraz upadł. Jest to teraz naprawić.
    • Wszystkie pokazy online używane querySelector. To łamie w IE8 (tryb compatbility).
    • Dodano PolyFill dla querySelector oraz [].forEach. To ma wpływ tylko demo online w IE8. Naprawiony.
    • Dodano PolyFill dla String.trim
    • Poprawiono sposób zbywać które dławiący w IE8
  • Inne sprawy:
    • Dodano wysokie poparcie zamówienia z-index do menu podczas pracy na trybie inline.
    • Naprawiono migotanie w CSS3 przejścia na Firefox, gdzie animacja był niepewny i powolny.
    • Dodano brakujące ogniwo w dokumentacji.
  • 10.08.2012 changeset 3,0
  • Dodano wsparcie dla dokowania menu w lewym górnym rogu, prawym górnym rogu i prawym dolnym rogu. Wcześniej mieliśmy wsparcie tylko w lewym dolnym rogu. Teraz wspieramy dokowanie we wszystkich 4 rogach ekranu.
  • Dokująca jest teraz prawidłowo obsługiwane w Android 4.0 ++ ponieważ obsługuje css stałej pozycji przyjemnie. Powinno to działać podobnie w iOS 5 (jeśli nie zgłosisz, dzięki).
  • Dodano wsparcie dla inline menu.
  • Obecnie wspieramy 11 różnych stylów układanie menu:
    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
  • Dodano wsparcie dla wielu wystąpień menu
  • Dodano wsparcie dla zawartości tekstowej w przyciskach.
  • Dodano wsparcie dla masek graficznych.
  • Rozszerzony API i narażone nowych metod i właściwości, w szczególności te, których można użyć, aby dodać elementy menu dynamicznie. Odnośnik do dokumentacji szczegółach. Ponadto mamy również dodawać nowe demo laboratorium, aby pokazać bardziej złożonych scenariuszy, takich jak dodawanie elementów menu przy starcie.
  • 12.06.2012 changeset 1.9
  • Naprawiono błąd w urządzeniach przenośnych, gdzie adresowym nie zostało skompensowane. Spowodowało to w menu nic nie robić podczas dotykowym operacji.
  • Dodano domyślnej kolejności z-index aby upewnić się, że w menu jest zawsze powyżej wszystkich innych elementów na stronie, na której się ona znajduje.
  • 19.05.2012 chagneset 1.8
  1. Ulepszony krzywą
  2. Dodano wsparcie dla zamykania menu po kliknięciu w dokumencie. Jest to tylko dla komputerów. Na urządzeniach dotykowych włączona trzeba użyć przycisk zamykania.
  3. Dodano wsparcie dla podpowiedzi. Funkcja ta jest dostępna tylko na pulpicie (non-touch z obsługą urządzeń). zapoznać się z dokumentacją, w jaki sposób uzyskać podpowiedź na swoich pozycjach menu.
  4. onSelectedItem obsługi zawiera teraz klikniętego pozycje menu tytuł jak również, co jest przekazywane w argumentach wywołania zwrotne.
  5. Zapytania o media. Teraz można przejść listę szerokościach rzutni do sterowania np: [{ 'MinWidth ": 640," maxwidth' 1024}] i to czyni się, czy warunek ten jest spełniony przez wzywającego urządzeniu / przeglądarce.
  6. Poziomy pasek przewijania grubość nie została skompensowana podczas umieszczania menu w lewym dolnym rogu widoku. Jest to teraz naprawić.
  7. Większość Największą cechą ale ponieważ został poproszony kilka razy jest to, że mamy teraz wordpress wtyczki (już przedłożone do wglądu).
  • 19.05.2012 changeset 1.8:
  1. Naprawiono błąd, gdzie pozycjonowanie jeśli miał tylko jeden punkt menu iz właściwą krzywą ustawić to nadal pozostają ukryte za głównego menu.
  2. Stałe odniesienie tylko (tryb debugowania) Generator elementem hierarchia, gdzie dodatkowy element menu została dołączona do wyjścia.
  3. Naprawiono błąd, który dotknięte multi-nawigację. Zasadniczo, kiedy trzeba było więcej niż 1 poziom sub na więcej niż 1 pozycji menu, nie byłoby bład.
  4. Naprawiono błąd, który dotknięte pierwszy punkt menu. po kliknięciu pierwszy punkt menu nie byłoby skalować przy przewijaniu z widokiem jak inni.
  5. Teraz ikony przesunąć się podczas przechodzenia z jednego menu do drugiego. Pozwala to na utrzymanie ich ikony łuk jako pozycje menu mogą się różnić pod względem liczby z podmenu do menu.
  • 15.05.2012 Wskazówka: 1.8 (wkrótce)
  • 28.04.2012 changeset: 1.7
  • Poprawiono drobne błędy IE.
  • Dodano nową stronę demonstracyjną online, a zawarte z pakietów źródłowych.
  • Dodano wsparcie dla symboli hash. Teraz, jeśli enableUrlHash jest prawdą (fałszywe domyślnie), a następnie po kliknięciu na pozycji menu To polecenie dostanie dołączane w url, podobnie jak w nowym demo online.
  • 26.04.2012 changeset: 1.6
  • Gdy podmenu powiększyła przejście było nierówne. Naprawiony.
  • Opera mini stracił płynne przejścia, kiedy zostaliśmy przeniesieni do 1,5. Jest to teraz naprawić.
  • Ikona przycisku wstecz wykorzystywane strzałę w 1.5; To nie nadaje się zbyt dobrze dla efektów rotacyjnych. Aby to zrekompensować mieliśmy zwiększony obrót, ale to nie był zbyt dobry. Teraz spadły obroty z powrotem jak było i zmienił ikonę na coś znacznie lepszego.
  • Udokumentowane funkcję debugowania, które będą drukować swoje struktury menu, dzięki czemu można zobaczyć, jakie menu identyfikatora wyglądają jak złagodzić swoje wysiłki rozwojowe. Jest to udokumentowane w przewodniku.
  • Zaktualizowany plik walkthrough.html znaleźć w folderze głównym, aby doprowadzić do prędkości z ostatnich zmian.
  • Exposed nową metodę toggleMainButton. Może to być w połączeniu z metodą toggleMenuExpansion.
  • 24.04.2012 changeset 1.5:
  • Obecnie wspieramy wielopoziomowe podmenu.
  • Interfejs API pozostaje zgodna z poprzednimi wersjami.
  • Dodano dokumentacji wielopoziomowego podmenu. To część swojej pobrania na stronie solucji.
  • To jest rzeczywiście bardzo duża zmiana i codebase został poddany częściowej przepisać. Cieszyć się!
  • 17.04.2012 changeset 1.4
  • Poprawiono bug dotykowego na urządzeniach przenośnych
  • Naprawiono błąd w metodzie Dispose
  • -Teraz prawidłowe czyszczenie odbywa się wtedy, gdy menu jest usuwane.
  • 16.04.2012 changeset 1,3
  • Exposed set_curve (wartość) Metoda publiczna
  • Exposed przystawki () metoda publicznego
  • Na następującej lokalizacji ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Dodano Dodatkowe demo index.html, który prezentuje ustawienie wzoru krzywej sub menu.
  • -Dodano Poradnik solucja, co czyni go o wiele łatwiejsze dla użytkownika końcowego.
  • -Dodano Stronę demonstracyjną, która obejmuje tylko menu zmniejszając szanse na odwrócenie uwagi.
  • 15.04.2012 Zmiana ustaw 1.2
  • Exposed Metoda public: toggleMenuExpansion
  • Exposed Metoda public: get_toggleState
  • Dodano przykładowy kod w pliku indeksu (tak samo jak podgląd na żywo), aby pokazać, jak toggleMenuExpansion sprawę i get_toggleState mogą być użyte.
  • Przebudowana przykładową stronę trochę z nową krotnym transparentu dla urządzeń / telefonów stacjonarnych
  • 14.04.2012 Zmiana ustaw 1.1: xxx

Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Stworzony:
13 kwietnia 12

Ostatnia aktualizacja:
29 maj 13

Zgodne przeglądarki:
IE8, IE9, Firefox, Safari, Opera, Google Chrome

pliki wliczony:
JS JavaScript, HTML, CSS

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, android, przejścia CSS3, konfigurowalny, pulpit, podręczny, ipad, iphone, menu, mobilny, navbar, nawigacja, obracać się, ślizgać się, tablet, WP7