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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Path stil meny

Detta är en meny multi-level inspirerad av Path 2,0 UI som har skjutit i höjden Path programmet i App Store, som visar att en distinkt UI verkligen kan ge dig kanten på en konkurrensutsatt marknad med liknande produkter.

När användaren trycker eller klickar på knappen, menyalternativ expandera och placera sig runt huvudknappen bildar en båge, en cirkel, rada upp horisontellt eller vertikalt. För att stänga menyn användaren behöver antingen väljer ett av de alternativ som presenteras eller tryck på huvudknappen igen.

Om flera nivåer kapslade kommer sedan klicka på en undermeny producera bakåtknappen så att användaren kan gå tillbaka till föregående menyval.




Ändringsloggen på följande sätt:

  • 29/05/2013 ändringsset 3,7
  • Fast bågen stil menyn iOS där menyn var nervös när man bläddrar igenom sidan. Nu den rullar längs med sidan smidigt.
  • Fast inline meny bugg där menyalternativen inriktningen fick snedvridas om rullningslister var närvarande i sidan.
  • Lade till en ny möjlighet att tillåta att stoppa en utökad meny från att kollapsa när du klickar i dokumentfönstret.
  • Menyalternativ kan ses reser från den övre kanten av skärmen mot där huvudknappen sitter. Detta har rättats. Nu när sidan laddas allt du ser är mainbutton. Punkt knappar expandera och är synliga endast när du klickar på huvudknappen.
  • 2013/09/01 ändringsset 3,6
  • De minified versioner fungerade inte bra när du ikon dimensioner och några andra egenskaper genom JavaScript. Detta är fast nu
  • I Firefox, fanns ett flimmer när expanderande menyn medan detta var fast innan det hålls smygande upp i senare versioner, fast den här gången en gång för alla!
  • Huvudknappen roterar nu en fullständig 360deg standard vs 180 grader från tidigare versioner
  • 26/11/2012 ändringsset 3,5
  • Fixat ett problem på touch-enheter där inline-menyn inte visar alls. En förändring i den tidigare utgåvan bröt detta, fast nu.
  • Fast placeringen av menyposter när det fanns 1 eller 2 delmenypunkter i alla. Menyalternativen skulle förbli delvis täcks av huvudknappen.
  • Säkerställas att menyn inte blir dold av en slump, det vill säga du hamna välja menyn i din css när du skapar responsiv design layouter och hidding det. Noterade några teman gör detta, bör inte vara ett problem nu.
  • 19/11/2012 ändringsset 3,4
  • Klicka på knapparna kommer nu tillräckligt med tid för animeringen för att slutföra innan navigera till måladress
  • När menyn laddar första gången ser du det i rörelse som det gömmer sig bakom huvudknappen. Detta var oavsiktlig. Nu är det bara laddar bakom huvudknappen perioden.
  • Fasta inkonsekvenser i dokumentationen.
  • 22/10/2012 ändringsset 3,3
  • Ny dokumentation i pdf-format
  • Lagt till stöd för inställning url direkt när du objekten. Inget behov av att skriva någon kod för navigering, så länge du angav url, är navigering automatiskt. Detta gör att inrätta navigation ganska lätt och inte kräver manuellt prenumerera på händelser om man vill bara ge navigering.
  • Lagt till stöd för att öppna webbadressen i ny flik, är standard false.
  • Tog bort kravet på att ställa ikoner url i css. Du kan nu ställa in hela menyn i javascript eller göra saker som tidigare. Du måste ta en titt på den nya dokumentationen.
  • Tidigare versioner utsatt en enda onSelecteditem som eldas för någon knapp klickas. Detta är en anledning till förvirring som du sedan var tvungen att manuellt filtrera knapparna av intresse. För skull av klarhet vi nu avslöja separata händelser i stället:
    1. onMainButtonClick-bränder när huvud klickar på knappen
    2. onParentButtonClick-bränder när en förälder post klickas
    3. onBackButtonClick-bränder när ryggen klickar på knappen
    4. onItemButtonClick-bränder för ett menyalternativ knapp
  • Fast en inkonsekvens med automatisk expansion av menyn i sidan laddas.
  • Förändrat sättet id var matas ut av komponenten. Denna förändring bryta bakåtkompatibilitet i den här versionen. Personer som använder css att styla knapparna, som också var den standard i tidigare versioner, vill prefix menyn id med menyknappen identifierare dvs tidigare om de hade detta:
     # menuitem0 { bakgrund: url (../ bilder / photo.png) no-repeat; } # menuitem1 { bakgrund: url (../ bilder / people.png) no-repeat; } 
    nu är det:
     # menu1_menuitem0 { bakgrund: url (../ bilder / photo.png) no-repeat; } # menu1_menuitem1 { bakgrund: url (../ bilder / people.png) no-repeat; } 
    där menu1 är id din meny.
  • Behållarelementet har nu en standardstorlek som är storleken på huvudknappen. Tidigare lämnade vi det ansvaret på användaren men detta läggas mer utrymme för förvirring och mer manuella åtgärder för att göra det infogade menyn beter sig som man skulle förvänta sig att. Detta är nu hanteras via menyn internt.
  • 2012/10/01 ändringsset 3,2
  1. enableUrlHash är nu falsk som standard. För att kunna använda den här funktionen måste du manuellt ställa in den till true t.ex. {enableUrlHash: true} gått in som ett alternativ till menyn konstruktören.
  2. När de passerar en enkel uppsättning strängvärden till artiklar egendom t.ex. {poster: "Meny 1", "Meny 2", "Meny 3"} vs mycket rikare format, vände upp null värdet parameter som skickas till den onSelectedItem händelsehanteraren. Detta är fast nu.
  3. När ett menyalternativ är aktiv (dvs. klickat) som kollapsar menyalternativ tillsammans, klicka i dokumentet igen expanderar menyn med klickade elementet inte visas. Menyn ska inte expandera eller bör klickade elementet vara dold. Detta är ett fel på grund av den klickade elementet döljs via opacitet. Det är fast nu.
  4. Dröjsmåls marginal och utfyllnad på huvudknappen. Detta för att säkerställa den tredje parten css i sidan påverkar inte på menyn.
  5. Lagt till stöd för att automatiskt öppna menyn på sidan belastning. För att möjliggöra detta måste du ställa utökade: true
  6. Lagt till stöd för att automatiskt kollapsa menyn efter det expanderas automatiskt på sidan belastning. För detta måste du ställa in expandTimeout värdet till antalet väntande millisekunder.
  7. Lagt till stöd för etiketter. Du kan aktivera den här funktionen genom att lägga till showLabel: true, och en etikett visas bredvid ikonen. Etiketten text matas genom titeln egendom.
  • 2012/08/15 ändringsset 3,1
  • -Det Uppdateringen åtgärdar oftast någon IE8 och IE7 frågor. En lista med korrigeringar:
  • IE7 & IE8 kompatibilitets korrigeringar:
    • när du klickar på dokumentet och element var i ett expanderat tillstånd, var de inte får kollapsade. Detta är fast nu.
    • Alla online demos används querySelector. Detta bryter i IE8 (compatbility läge).
    • Lade till en polyfill för querySelector och [].forEach. Detta är bara påverkar online demo i IE8. Fast.
    • Lade till en polyfill för String.trim
    • Fast avyttra metod som kvävdes i IE8
  • Andra problem:
    • Lagt hög z-index för stöd för menyn när på inline-läget.
    • Fast flimmer i CSS3 övergång på firefox, där animeringen var hackig och långsam.
    • Lade till en felande länken i dokumentationen.
  • 2012/08/10 ändringsset 3,0
  • Utökat stöd för dockning på menyn i det övre vänstra hörnet, övre högra hörnet och nedre högra hörnet. Tidigare hade vi stöd för endast det nedre vänstra hörnet. Nu stöder vi dockning i alla 4 hörn av skärmen.
  • Dockning nu ordentligt stöd i Android 4.0 ++ eftersom den stöder css fast position fint. Det ska fungera på samma sätt i iOS 5 (om inte rapportera det, tack).
  • Utökat stöd för inlining menyn.
  • Vi stöder nu 11 olika stilar av att lägga ut på menyn:
    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
  • Lagt till stöd för flera instanser av menyn
  • Lagt till stöd för textinnehåll i knapparna.
  • Utökat stöd för bildmasker.
  • Utökad API och exponerade nya metoder och egenskaper, speciellt som du kan använda för att lägga till menyalternativ dynamiskt. Referens dokumentationen för detaljer. Dessutom har vi också lagt till en ny labb demo att visa mer komplexa scenarier, som att lägga menyalternativ under körning.
  • 2012/06/12 ändringsset 1,9
  • Fixade en bugg i handhållna enheter där adressfält inte kompenseras. Detta resulterade i menyn inte göra någonting under en knapptryckning.
  • Lade till en standard z-index för att säkerställa att menyn är alltid över alla andra element på sidan där den finns.
  • 2012/05/19 chagneset 1,8
  1. Förbättrad kurvan
  2. Lagt till stöd för att stänga menyn när du klickar i dokumentet. Detta är bara för skrivbordet. På touch-aktiverade enheter måste du använda stängningsknappen.
  3. Lagt till stöd för verktygstips. Detta är endast tillgängligt på skrivbordet (icke-touch-aktiverade enheter). kontrollera dokumentationen om hur du får verktygstips på din menyalternativ.
  4. onSelectedItem handler innehåller nu klickade menyalternativ titel också, som förs i återbesök argument.
  5. Mediefrågor. Nu kan du skicka en lista över visningsområde bredder till styr t.ex. [{ 'minWidth': 640, 'maxWidth': 1024}] och det kommer att göra sig själv om detta villkor är uppfyllt av den begärande enhet / webbläsare.
  6. Horisontell rullnings tjocklek inte kompenseras när du placerar på menyn i det nedre vänstra hörnet av visningsområdet. Detta är fast nu.
  7. De flesta största funktionen ännu eftersom det har ombetts flera gånger är att vi nu har en Wordpress plugin (som redan lämnats in för granskning).
  • 2012/05/19 ändringsset 1,8:
  1. Fast positionering fel där om du bara hade en enda menyalternativ och med rätt kurvsats det skulle fortfarande förblir dolda bakom huvudmenyn.
  2. Fast referens (debugläge) elementet hierarki generator där en extra menyalternativ ingick i produktionen.
  3. Fast en bugg som drabbade flera navigering. I grund och botten när du hade mer än en undernivå på mer än ett menyalternativ, skulle det vara en mixup.
  4. Fixade en bugg som påverkade det första menyalternativet. när du klickar på första menyalternativet inte skulle skala ut när man bläddrar utom synhåll som de andra.
  5. Nu ikonerna flytta sig när du navigerar från en undermeny till en annan. Detta gör att ikonerna för att behålla sin båge som menyalternativ kan variera i antal från undermenyn till undermenyn.
  • 5/15/2012 Meddelande: 1,8 (Kommer snart)
  • 2012/04/28 ändringsset: 1,7
  • Fasta små IE buggar.
  • Lagt till nya nätet demosida och ingår i källkodspaket.
  • Utökat stöd för hash symboler. Nu om enableUrlHash är sant (false som standard), sedan när du klickar på ett menyalternativ är det kommando kommer att få bifogas i url, precis som i den nya online demo.
  • 2012/04/26 ändringsset: 1,6
  • När meny utökade övergången var ryckig. Fast.
  • Opera Mini förlorade mjuka övergångar när vi uppgraderade till 1,5. Detta är fast nu.
  • Bakåtknappen ikon som används en pil i 1,5; Detta lämpar sig inte så bra för rotationseffekter. För att kompensera för detta hade vi ökas rotationen, men det var inte alltför bra. Vi minskade nu rotationen tillbaka till hur det var och ändrade ikonen till något mycket bättre.
  • Dokumenterat en debug funktion som kommer att skriva ut din menystrukturen så att du kan se vad dina meny id ser gärna att underlätta ditt utvecklingsarbete. Detta dokumenteras i genomgången.
  • Uppdaterade walkthrough.html filen finns i hemkatalogen för att få snabba med de senaste förändringarna.
  • Utsatt en ny metod toggleMainButton. Detta kan kombineras med den toggleMenuExpansion metoden.
  • 2012/04/24 ändringsset 1,5:
  • Vi stöder nu multi-level menyer.
  • API ligger i linje med tidigare versioner.
  • Inkom dokumentationen för flernivåmenyer. Det är en del av din nedladdning i genomgång sidan.
  • Detta är faktiskt en ganska stor förändring och kodbasen har genomgått en partiell omskrivning. Njut av!
  • 2012/04/17 ändringsset 1,4
  • Fast kontakt bugg på handhållna enheter
  • Fixade en bugg i dispose metod
  • -nu ordentlig rensning sker när menyn avyttras.
  • 2012/04/16 ändringsset 1,3
  • Utsatt set_curve (värde) offentlig metod
  • Utsatt snap () offentlig metod
  • På följande plats ProjectPathMenu \ src \ com \ pathmenu \ hem
  • -Added En extra demo i index.html som framhäver att ställa in kurvan mönster undermenyalternativ.
  • -Added En genomgång handledning, vilket gör det mycket enklare för slutanvändaren.
  • -Added En demosida som endast innehåller menyn minskar chanserna för distraktion.
  • 2012/04/15 Förändring set 1,2
  • Utsatt offentlig metod: toggleMenuExpansion
  • Utsatt offentlig metod: get_toggleState
  • Inkom kodexempel i indexfilen (samma som direktförhandsvisningen) för att visa fall hur toggleMenuExpansion och get_toggleState kan användas.
  • Revamped exempelsidan lite med ny veck banner för mobila / stationära enheter
  • 2012/04/14 Förändring set 1,1: xxx

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
13 April tolv

Senaste uppdateringen:
29 maj 13

kompatibla Webbläsare:
IE8, IE9, Firefox, Safari, Opera, Chrome

filer ingår:
JavaScript JS, HTML, CSS

Nyckelord

e-handel, e-handel, Alla objekt, android, CSS3 ö, vergå, ngar, customizable, stationä, r dator, handhå, llna, ipad, iphone, meny, mobil, navbar, navigering, rotera, glida, tablett, wp7