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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Path stijl menu

Dit is een menu met meerdere niveaus geïnspireerd door Path 2.0 UI die omhoog geschoten het Pad applicatie in de App Store, waaruit blijkt dat een onderscheidend UI je echt kunt geven de rand in een concurrerende markt met soortgelijke producten heeft.

Wanneer de gebruiker op de knop of klikken, menuopties uitbreiden en zet zich rond de hoofdschakelaar die een boog, een cirkel, lijn horizontaal of verticaal. Om het menu de gebruiker nodig heeft om ofwel selecteert een van de gepresenteerde opties te sluiten of druk opnieuw op de belangrijkste knop.

Als er meerdere niveaus zijn genest, vervolgens te klikken op een submenu zal de back-knop waarmee de gebruiker om terug te gaan naar het vorige menu selectie te produceren.




Veranderingen volgt:

  • 29/05/2013 changeset 3.7
  • Vaste de stijl menu boog op iOS, waar het menu was zenuwachtig tijdens het scrollen de pagina. Nu schuift samen met de pagina vlot.
  • Fixed inline menu bug waar de menu-items uitlijning werd verstoord als schuifbalken aanwezig in de pagina waren.
  • Voegde een nieuwe optie om het stoppen van een uitgebreid menu instorten bij het klikken in het venster document.
  • Menu-items kunnen worden gezien reizen van de bovenrand van het scherm in de richting van waar de belangrijkste knop zit. Dit is opgelost. Nu als de pagina wordt geladen alles wat je ziet is de Mainbutton. Item knoppen uit te breiden en zijn alleen zichtbaar na het klikken op de belangrijkste knop.
  • 2013/09/01 changeset 3.6
  • De minified versies werkte niet goed bij het instellen van het pictogram afmetingen en een paar andere eigenschappen door middel van JavaScript. Dit is nu opgelost
  • In Firefox, was er een flikkering bij uitbreiding van het menu, maar dit was opgelost voordat het bleef omhoog kruipen in latere versies, vaste het deze keer eens en voor altijd!
  • Hoofd knop draait nu een volledige 360deg standaard vs de 180 graden van eerdere versies
  • 26/11/2012 Changeset 3,5
  • Lost het probleem op touch-apparaten waar de inline menu helemaal niet liet zien. Een verandering in de vorige versie zijn die dit nu vast.
  • Vaste de positionering van submenupunten toen waren er 1 of 2 submenu items in totaal. De menu-items zou blijven gedeeltelijk bedekt door de belangrijkste knop.
  • Ervoor gezorgd dat het menu niet wordt verborgen door een ongeval, dat wil zeggen je uiteindelijk het selecteren van het menu in je css bij het maken van responsive design layouts en Hidding het. Merkte een paar thema's om dit te doen, moet een probleem niet nu.
  • 19/11/2012 Changeset 3.4
  • Klikken op de knoppen nu genoeg tijd voor de animatie is voltooid voordat het navigeren naar de bestemmings-URL
  • Wanneer het menu laadt de eerste keer, dat zie je in beweging als het verbergt achter de belangrijkste knop. Dit was onbedoeld. Nu laadt net achter de belangrijkste knop periode.
  • Vaste inconsistenties in de documentatie.
  • 22/10/2012 Changeset 3.3
  • Nieuwe documentatie in pdf-formaat
  • Ondersteuning toegevoegd voor het instellen van url direct bij het instellen van de items. U hoeft geen code te schrijven voor navigatie, zolang je op voorwaarde dat de url, navigatie automatisch. Dit maakt het opzetten van de navigatie heel eenvoudig en hoeft niet handmatig vereist een abonnement op gebeurtenissen als men wil alleen navigatie bieden.
  • Ondersteuning toegevoegd voor het openen van de URL in een nieuw tabblad, standaard is vals.
  • Verwijderde de voorwaarde voor het instellen van pictogrammen url in css. U kunt nu setup het hele menu in javascript of dingen te doen als voorheen. Je moet een blik op de nieuwe documentatie.
  • Eerdere versies blootgesteld één onSelecteditem die ontslagen voor een willekeurige knop geklikt. Dit is een reden tot verwarring als je dan moest de knoppen van belang handmatig te filteren. Voor de bestwil van de duidelijkheid hebben we nu bloot afzonderlijke evenementen plaats:
    1. onMainButtonClick-vuren als de belangrijkste knop wordt geklikt
    2. onParentButtonClick-vuren wanneer een ouder item wordt geklikt
    3. onBackButtonClick-vuren als de back-knop wordt geklikt
    4. onItemButtonClick-vuren voor een menu-item-knop
  • Vast een inconsistentie met de automatische uitbreiding van het menu in de pagina te laden.
  • Veranderde de manier waarop id's waren uitgevoerd door de component. Deze verandering breekt achterwaartse compatibiliteit in deze versie. Mensen die gebruikmaken van css aan de knoppen, die ook de standaard in de vorige versies was stijl, zal het menu wilt id met de menutoets identifier ie eerder als zij dit hadden voorvoegsel:
     # Menuitem0 { achtergrond: url ( "../ images / photo.png ') no-repeat; } # Menuitem1 { achtergrond: url ( "../ images / people.png ') no-repeat; } 
    nu is het:
     # Menu1_menuitem0 { achtergrond: url ( "../ images / photo.png ') no-repeat; } # Menu1_menuitem1 { achtergrond: url ( "../ images / people.png ') no-repeat; } 
    waarbij menu1 is de id van uw menu.
  • Het houderelement heeft nu een standaardgrootte die de omvang van de hoofdschakelaar. Eerder vertrokken we deze verantwoordelijkheid bij de gebruiker, maar dit voegde meer ruimte voor verwarring en meer handmatige stappen om de inline menu gedragen te maken zoals men zou verwachten dat het. Dit wordt nu afgehandeld door de menu intern.
  • 10/01/2012 Changeset 3.2
  1. enableUrlHash is nu valse standaard. Om deze functie moet u deze handmatig in te stellen op true bijvoorbeeld {enableUrlHash: true} gebruiken doorgegeven als een optie om het menu aannemer.
  2. Bij het passeren van een eenvoudige set van de string waarden aan de items pand bijvoorbeeld: {items: "Menu 1 ',' Menu 2 ',' Menu 3 '} vs de veel rijkere indeling, de waarde parameter doorgegeven aan de onSelectedItem event handler opgedoken null. Dit is nu opgelost.
  3. wanneer een menu-item actief is (dat wil zeggen geklikt), die de menu-items allemaal bij elkaar stort te klikken in het document opnieuw breidt het menu met de aangeklikte element niet gespeeld. Het menu mag niet uitbreiden en mag de aangeklikte element verborgen. Dit is een bug te wijten aan de aangeklikte element verborgen via ondoorzichtigheid. Het is nu opgelost.
  4. Toegevoegd standaard margin en padding op de belangrijkste knop. Dit is om ervoor te zorgen dat derden css in de pagina heeft geen invloed op het menu.
  5. Ondersteuning toegevoegd voor het automatisch openen van het menu op pagina te laden. Om dit te doen hebben uitgebreid in te stellen in te schakelen: true
  6. Ondersteuning toegevoegd voor het automatisch instortende het menu nadat het automatisch werd uitgebreid op pagina te laden. Hiervoor moet je de expandTimeout waarde ingesteld op het aantal wachtende milliseconden.
  7. Ondersteuning toegevoegd voor labels. U kunt deze functie inschakelen door het toevoegen van showLabel: true, en een label wordt naast het pictogram weergegeven. De tekst label wordt geleverd door het pand titel.
  • 2012/08/15 Changeset 3.1
  • -Deze Update verhelpt voornamelijk elke IE8 en IE7 problemen. Een lijst met fixes:
  • IE7 en IE8 compatibiliteit fixes:
    • bij het klikken in het document en elementen zijn in een geëxpandeerde toestand, werden ze niet krijgen ingestort. Dit is nu opgelost.
    • Alle online demo's gebruikt querySelector. Dit breekt in IE8 (compatbility modus).
    • Voegde een polyfill voor querySelector en [].forEach. Dit is alleen invloed op de online demo in IE8. Fixed.
    • Voegde een polyfill voor String.trim
    • Vaste de dispose methode die stikte in ie8
  • Andere problemen:
    • Hoge toegevoegde z-index Om steun voor het menu als op inline-modus.
    • Vaste flikkering in CSS3 overgang op firefox, waar de animatie was schokkerig en traag.
    • Voegde een ontbrekende schakel in de documentatie.
  • 2012/08/10 Changeset 3,0
  • Toegevoegde ondersteuning voor docking het menu in de linkerbovenhoek, rechterbovenhoek en rechteronderhoek. Vroeger hadden we ondersteuning voor alleen de linkerbenedenhoek. Nu ondersteunen we docking in alle 4 de hoeken van het scherm.
  • Docking is nu goed ondersteund in Android 4.0 ++ als het ondersteunt css vaste positie mooi. Het moet op dezelfde manier werken in iOS 5 (als het niet te melden, dank je).
  • Ondersteuning toegevoegd voor inlining het menu.
  • We ondersteunen nu 11 verschillende stijlen van de aanleg van het 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
  • Ondersteuning toegevoegd voor meerdere exemplaren van het menu
  • Toegevoegde ondersteuning voor tekstuele inhoud in de knoppen.
  • Ondersteuning toegevoegd voor het maskers.
  • Breidde de api en zichtbare nieuwe methoden en eigenschappen, in het bijzonder degene die je kunt gebruiken om menu-items dynamisch toe te voegen. Verwijzen naar de documentatie voor de details. Daarnaast hebben we ook nog een nieuw lab demo om meer complexe scenario's, zoals het toevoegen van menu-items tijdens runtime te demonstreren.
  • 6/12/2012 Changeset 1.9
  • Fixed a bug in handheld apparaten waar de adresbalk niet werd gecompenseerd. Dit resulteerde in het menu niet iets te doen tijdens een druk op de knop.
  • Toegevoegd standaard z-index zodat het menu altijd boven alle andere elementen op de pagina waar het zich bevindt.
  • 5/19/2012 chagneset 1.8
  1. Verbeterde de curve
  2. Ondersteuning toegevoegd voor het menu te sluiten bij het klikken in het document. Dit is alleen voor desktop. Op touch-apparaten moet je de knop Sluiten te gebruiken.
  3. Ondersteuning toegevoegd voor tooltips. Dit is alleen beschikbaar op de desktop (non-touch-apparaten). raadpleegt u de documentatie over hoe te tooltip op uw menu-items.
  4. onSelectedItem handler bevat nu de aangeklikte menu-items titel ook, die wordt doorgegeven in de callbacks argumenten.
  5. Media queries. U kunt nu overgaan een lijst van viewport breedte aan de controle bijv: [{ "minWidth ': 640,' maxbreedte": 1024}] en het zal zichzelf maken als deze voorwaarde wordt voldaan door de verzoekende apparaat / browser.
  6. Horizontale scrollbar dikte werd niet gecompenseerd bij het plaatsen van het menu in de linker benedenhoek van de viewport. Dit is nu opgelost.
  7. maar de meeste grootste kenmerk zoals het is meerdere keren gevraagd is dat we nu een wordpress plugin (al ter beoordeling voorgelegd).
  • 5/19/2012 Changeset 1.8:
  1. Fixed bug positionering waar als je had slechts één menu-item en met de juiste curve zou het nog steeds verborgen blijven achter in het hoofdmenu.
  2. Vaste referentie (debug-modus) element hiërarchie generator waar een extra menu-item werd opgenomen in de uitvoer.
  3. Fixed a bug die multi-navigatie beïnvloed. In principe als je meer dan 1 sub-niveau op meer dan 1 menu-item had, zou er een misverstand te zijn.
  4. Fixed a bug die het eerste menu-item beïnvloed. bij het klikken op de eerste menu-item zou het niet schaal uit bij het scrollen uit het zicht als de anderen.
  5. Nu de pictogrammen verplaatst zich bij het navigeren van het ene submenu naar het andere. Hierdoor kan de pictogrammen om hun boog te behouden als menu-items kunnen variëren in aantal van submenu naar submenu.
  • 5/15/2012 Opmerking: 1.8 (Binnenkort)
  • 2012/04/28 Changeset: 1.7
  • Vaste kleine IE bugs.
  • Toegevoegd nieuwe online demo pagina en opgenomen met source pakketten.
  • Ondersteuning toegevoegd voor hash symbolen. Nu als enableUrlHash waar is (false standaard), dan wanneer u op een menu-item is het commando krijgt toegevoegd in de url, net als in de nieuwe online demo.
  • 2012/04/26 Changeset: 1.6
  • Toen submenu's uitgebreid de overgang was jerky. Fixed.
  • Opera mini verloren vloeiende overgangen wanneer we een upgrade naar 1.5. Dit is nu opgelost.
  • Het pictogram terug-knop gebruikt een pijl in 1.5; Dit beperkt zich niet te goed lenen voor rotatie-effecten. Om dit te compenseren hebben we de rotatie verhoogd, maar dat was niet zo goed. We hebben nu verminderde de rotatie terug naar hoe het was en veranderde het pictogram om iets veel beters.
  • Gedocumenteerd een debug functie die zal print uw menustructuur, zodat je kunt zien wat je menu id's kijken graag uw ontwikkelingsinspanningen te verlichten. Dit is gedocumenteerd in de walkthrough.
  • Bijgewerkt de walkthrough.html bestand in de map naar huis te brengen op snelheid met de recente wijzigingen.
  • Exposed een nieuwe methode toggleMainButton. Dit kan worden gecombineerd met de toggleMenuExpansion methode.
  • 2012/04/24 changeset 1.5:
  • We ondersteunen nu multi-level submenu's.
  • De api blijft in overeenstemming met eerdere versies.
  • Toegevoegd documentatie voor multi-level submenu's. Het maakt deel uit van de download in de walkthrough pagina.
  • Dit is eigenlijk een heel grote verandering en de codebase heeft een gedeeltelijke herschrijven ondergaan. Genieten!
  • 2012/04/17 Changeset 1.4
  • Fixed bug contact op handheld apparaten
  • Fixed a bug in de dispose methode
  • -nu goede schoonmaakbeurt vindt plaats wanneer het menu wordt afgestoten.
  • 2012/04/16 Changeset 1.3
  • Exposed set_curve (waarde) publieke methode
  • Exposed snap () publieke methode
  • Op de volgende locatie ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Toegevoegd Een extra demo in index.html dat vitrines het instellen van de curve patroon van de submenu-items.
  • -Toegevoegd Een walkthrough-tutorial, waardoor het veel gemakkelijker voor de eindgebruiker.
  • -Toegevoegd Een demo pagina die alleen bestaat uit het menu verminderen kans op afleiding.
  • 2012/04/15 Change set 1.2
  • Exposed openbare methode: toggleMenuExpansion
  • Exposed openbare methode: get_toggleState
  • Toegevoegd code monster in de index bestand (dezelfde als de live preview) tot geval hoe toggleMenuExpansion en get_toggleState kan worden gebruikt tonen.
  • Vernieuwde de voorbeeldpagina een beetje met nieuw fold banner voor mobiele / desktopapparaten
  • 2012/04/14 Change set 1.1: xxx

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
13 april 12

Laatste update:
29 mei 13

compatibele Browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS

Trefwoorden

eCommerce, eCommerce, Alle spullen, android, CSS3 overgangen, aanpasbare, desktop, handheld, ipad, iphone, menu, mobiel, navbar, navigatie, draaien, glijbaan, tablet, WP7