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

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu Sti stil

Dette er en multi-level menu inspireret af Path 2,0 UI, der har himlen steget Sti anvendelse i App Store, der beviser, at en karakteristisk UI virkelig kan give dig den kant i et konkurrencepræget marked med lignende produkter.

Når brugeren trykker eller klikker på knappen, menupunkter udvide og placerer sig omkring de vigtigste knap danner en bue, en cirkel, linje op vandret eller lodret. For at lukke menuen skal brugeren enten vælger en af ​​de valgmuligheder, eller tryk på vigtigste knappen igen.

Hvis flere niveauer er indlejret, vil derefter klikke på en undermenu producere den tilbage-knappen giver brugeren mulighed for at gå tilbage til den forrige menu valg.




Skift log følger:

  • 29/05/2013 ændrings 3.7
  • Ordnede stil menu bue på iOS hvor menuen var nervøs, når du ruller siden. Nu ruller sammen med siden glat.
  • Fixed inline menu bug hvor menupunkterne tilpasningen fik forvrænget, hvis scrollbars var til stede på siden.
  • Tilføjet en ny mulighed for at tillade at stoppe en udvidet menu i at kollapse, når du klikker i dokumentvinduet.
  • Menupunkter kunne ses på rejse fra den øverste kant af skærmen mod hvor de vigtigste knappen sidder. Dette er blevet rettet. Nu som siden indlæses alt hvad du ser er mainbutton. Item knapper udvide og kan kun ses efter at have klikket den vigtigste knap.
  • 2013/09/01 ændrings 3.6
  • De minified versioner fungerede godt, når de fastsætter ikon dimensioner og et par andre egenskaber gennem JavaScript. Dette er fast nu
  • I Firefox, var der et flimmer, når de udvider menuen, mens dette var fastsat før det holdt snigende op i senere versioner, fast det denne gang en gang for alle!
  • Main knap nu roterer en fuld 360deg som standard vs 180deg fra tidligere versioner
  • 26-11-2012 ændrings 3.5
  • Rettet et problem på touch-enheder, hvor inline menuen ikke var viser overhovedet. En ændring i den forrige udgivelse brød dette, fast nu.
  • Ordnede positionering af undermenupunkter når der var 1 eller 2 undermenupunkter i alt. Menupunkterne ville forblive delvis dækket af den vigtigste knap.
  • Sikret at menuen ikke bliver skjult ved et uheld, dvs du ender vælge menuen i din css, når du opretter responsive design layouts og hidding det. Bemærkede et par temaer gør dette, bør ikke være et problem nu.
  • 19-11-2012 ændrings 3.4
  • Ved at klikke på knapperne vil nu give tilstrækkelig tid til animationen til at fuldføre, før at navigere til destinationen url
  • Når menuen indlæser første gang, du ser det i bevægelse, da det skjuler sig bag den vigtigste knap. Dette var utilsigtet. Nu er det bare indlæser bag den vigtigste knap periode.
  • Faste uoverensstemmelser i dokumentationen.
  • 22-10-2012 ændrings 3.3
  • Ny dokumentation i pdf-format
  • Tilføjet støtte til oprettelse url direkte ved indstilling elementerne. Ingen grund til at skrive en kode til navigation, så længe du forudsat url, navigation er automatisk. Dette gør opsætning af navigation ganske let og kræver ikke manuelt abonnere på hændelser, hvis man ønsker at kun give navigation.
  • Tilføjet support for at åbne url i ny fane, default er falsk.
  • Fjernet kravet om indstilling af ikoner url i css. Du kan nu setup hele menuen i javascript eller gøre ting som før. Du bliver nødt til at tage et kig på den nye dokumentation.
  • Tidligere versioner udsat en enkelt onSelecteditem der fyret for enhver knap klikkes. Dette er en årsag til forvirring, da du derefter nødt til manuelt at filtrere knapperne af interesse. For skyld til klarheden vi nu afsløre separate begivenheder i stedet:
    1. onMainButtonClick-brande, når den vigtigste knap er klikket
    2. onParentButtonClick-brande, når en forælder element er klikket
    3. onBackButtonClick-brande, når knappen ryggen er klikket
    4. onItemButtonClick-brande til et menupunkt knap
  • Rettet en uoverensstemmelse med den automatiske udvidelse af menuen i siden belastning.
  • Ændret den måde id'er var output ved komponenten. Denne ændring bryde bagudkompatibilitet i denne version. Personer, der bruger css til at style de knapper, som også var standard i tidligere versioner, vil ønske at præfiks menuen id med menuknappen id dvs tidligere, hvis de havde dette:
     # menuitem0 { baggrund: url ( '../ images / photo.png «) no-repeat; } # menuitem1 { baggrund: url ( '../ images / people.png «) no-repeat; } 
    nu sin:
     # menu1_menuitem0 { baggrund: url ( '../ images / photo.png «) no-repeat; } # menu1_menuitem1 { baggrund: url ( '../ images / people.png «) no-repeat; } 
    hvor menu1 er id af din menu.
  • Beholderen element har nu en standard størrelse, der er på størrelse med den vigtigste knap. Tidligere vi forlod dette ansvar på brugeren, men dette tilføjede mere plads til forvirring og mere manuelle skridt til at gøre det indbygges menu opfører sig som man ville forvente det. Dette er nu håndteres af menuen internt.
  • 10/01/2012 ændrings 3.2
  1. enableUrlHash er nu falsk som standard. For at bruge denne funktion skal du manuelt indstille den til sand f.eks {enableUrlHash: true} gået ind som en mulighed til menuen konstruktør.
  2. Ved passage et simpelt sæt af strengværdier til punkter ejendom f.eks {emner: »Menu 1 ',' Menu 2 ',' Menu 3 '} vs meget rigere format, værdien parameter videregives til onSelectedItem event handler skruet op null. Dette er fast nu.
  3. når et menupunkt er aktiv (dvs. klikket), der kollapser menupunkterne alle sammen, at klikke ind i dokumentet igen udvider menuen med klikket element ikke vises. Menuen bør ikke udvide eller bør klikket element være skjult. Dette er en fejl på grund af den klikket element bliver skjult via opacitet. Det er nu rettet.
  4. Tilføjet standard margin og padding på vigtigste knap. Dette er for at sikre, at tredjemand css på siden påvirker ikke i menuen.
  5. Tilføjet support for automatisk åbning af menuen på side belastning. For at aktivere denne du nødt til at indstille udvidet: true
  6. Tilføjet understøttelse til automatisk kollapse menuen efter at det automatisk blev udvidet på side belastning. Til dette skal du nødt til at indstille expandTimeout værdi for antallet af ventende millisekunder.
  7. Tilføjet understøttelse af etiketter. Du kan aktivere denne funktion ved at tilføje showLabel: sandt, og en etiket vises ved siden af ​​ikonet. Teksten label leveres gennem titlen ejendom.
  • 2012/08/15 ændrings 3.1
  • -Denne Opdatering løser det meste nogen IE8 og IE7 spørgsmål. En liste over rettelser:
  • IE7 & IE8 kompatibilitet rettelser:
    • når du klikker i dokumentet og elementer var i en udvidet tilstand, blev de ikke at få brudt sammen. Dette er fast nu.
    • Alle de online demoer brugte querySelector. Dette bryder i IE8 (compatbility tilstand).
    • Tilføjet en polyfill for querySelector og [].forEach. Dette er kun påvirker online demo i IE8. Fikseret.
    • Tilføjet en polyfill for String.trim
    • Ordnede disponere metode, som kvalt i IE8
  • Andre spørgsmål:
    • Tilføjet høj z-index orden støtte til menuen, når på inline-tilstand.
    • Fast flimmer i CSS3 overgang på firefox, hvor animationen var urolig og langsom.
    • Tilføjet en manglende led i dokumentationen.
  • 2012/08/10 ændrings 3.0
  • Tilføjet support for docking menuen i øverste venstre hjørne, højre øverste hjørne og nederste højre hjørne. Tidligere havde vi støtte til kun det nederste venstre hjørne. Nu støtter vi docking i alle 4 hjørner af skærmen.
  • Docking understøttes nu korrekt i android 4.0 ++ da den understøtter css fast position pænt. Det bør arbejde på samme måde i iOS 5 (hvis ikke rapportere det, tak).
  • Tilføjet support for indbygges i menuen.
  • Vi understøtter nu 11 forskellige stilarter af æglæggende ud i menuen:
    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
  • Tilføjet understøttelse af flere forekomster af menuen
  • Tilføjet understøttelse af tekstmæssige indhold i knapperne.
  • Tilføjet understøttelse af billedfiler masker.
  • Udvidet API og udsat nye metoder og egenskaber, specielt dem, du kan bruge til at tilføje menupunkter dynamisk. Henvisning dokumentationen for detaljerne. Derudover har vi også tilføjet et nyt laboratorium demo til at fremvise mere komplekse scenarier, såsom at tilføje menupunkter på runtime.
  • 2012/06/12 ændrings 1.9
  • Rettet en fejl i håndholdte enheder, hvor adresselinjen ikke blev kompenseret for. Dette resulterede i menuen ikke gør noget under en touch betjening.
  • Tilføjet en standard z-index for at sikre, at menuen er altid over alle andre elementer på den side, hvor det er bosat.
  • 2012/05/19 chagneset 1.8
  1. Forbedret kurven
  2. Tilføjet support for at lukke menuen, når du klikker ind i dokumentet. Dette er kun til desktop. På touch-aktiverede enheder skal du bruge knappen Luk.
  3. Tilføjet understøttelse af værktøjstip. Dette er kun tilgængelig på skrivebordet (ikke-touch aktiverede enheder). se dokumentationen om hvordan du får værktøjstip på dine menupunkter.
  4. onSelectedItem handleren omfatter nu klikket menupunkter titel samt, som er gået i tilbagekald argumenter.
  5. Medier forespørgsler. Du kan nu passere en liste over viewport bredder til kontrol fx: [{ "MinWidth ': 640," maxWidth': 1024}], og det vil gøre sig selv, hvis denne betingelse er opfyldt af den anmodende enhed / browser.
  6. Vandret rullepanel tykkelse blev ikke kompenseret for ved placering i menuen i nederste venstre hjørne af viewport. Dette er fast nu.
  7. De fleste største feature endnu, da det er blevet bedt flere gange, er, at vi nu har en wordpress plugin (allerede indsendt til gennemgang).
  • 2012/05/19 ændrings 1.8:
  1. Fixed positionering fejl hvor hvis du havde kun en enkelt menupunkt og med den rette kurve sæt det ville stadig forblive skjult bag hovedmenuen.
  2. Fast reference (debug mode) element hierarki generator, hvor en ekstra menupunkt indgik i produktionen.
  3. Rettet en fejl, der påvirkede multi-navigation. Dybest set, når du havde mere end en sub-niveau på mere end 1 menupunkt, ville der være en mixup.
  4. Rettet en bug, der ramte det første menupunkt. når du klikker det første menupunkt det ville ikke skalere ud, når du ruller ud af visningen ligesom de andre.
  5. Nu ikonerne repositionere sig selv, når du navigerer fra en undermenu til en anden. Dette gør det muligt ikonerne for at bevare deres bue som menupunkter kan variere i antal fra undermenuen til undermenuen.
  • 2012/05/15 Bemærk: 1,8 (Kommer snart)
  • 2012/04/28 ændrings: 1.7
  • Faste små IE bugs.
  • Tilføjet nye online demo side og følger med kilde pakker.
  • Tilføjet understøttelse af hash symboler. Nu, hvis enableUrlHash er sand (falsk som standard), så når du klikker på et menupunkt er det kommando vil blive vedlagt i url, ligesom i det nye online demo.
  • 2012/04/26 ændrings: 1.6
  • Når undermenuen udvidede overgangen var jerky. Fikseret.
  • Opera mini mistede glidende overgange, når vi opgraderet til 1,5. Dette er fast nu.
  • Ikonet tilbage-knap anvendt en pil i 1.5; Dette egner sig ikke for godt til rotation effekter. For at kompensere for dette, vi havde forøges rotationen, men det var ikke alt for godt. Vi har nu faldt rotationen tilbage til, hvordan det var og ændret ikonet til noget meget bedre.
  • Dokumenteret en debug funktion, der vil udskrive din menu struktur, så du kan se, hvad din menuens id'er ser gerne lette din udviklingsindsats. Dette er dokumenteret i walkthrough.
  • Opdateret den walkthrough.html fil findes i hjemmemappen til at bringe på omgangshøjde med de seneste ændringer.
  • Udsat en ny metode toggleMainButton. Dette kan kombineres med toggleMenuExpansion metoden.
  • 2012/04/24 ændrings 1.5:
  • Vi understøtter nu multi-level undermenuer.
  • API er stadig i overensstemmelse med tidligere versioner.
  • Tilføjet dokumentation for multi-level undermenuer. Det er en del af din download i walkthrough siden.
  • Dette er faktisk en ganske stor forandring, og kodebase har gennemgået en delvis omskrivning. God fornøjelse!
  • 2012/04/17 ændrings 1.4
  • Fast touch-bug på håndholdte enheder
  • Rettet en fejl i den disponere metode
  • -nu ordentlig oprydning finder sted, når menuen bortskaffes.
  • 04/16/2012 ændrings 1.3
  • Udsat set_curve (værdi) offentlig metode
  • Udsat snap () offentlig metode
  • På følgende placering ProjectPathMenu \ src \ com \ pathmenu \ hjemmet
  • -Tilføjet En ekstra demo i index.html at udstillingsmontre indstilling kurven mønster af sub menupunkter.
  • -Tilføjet En gennemgang tutorial, hvilket gør det meget lettere for slutbrugeren.
  • -Tilføjet En demo side, der kun indeholder menuen reducere chancer for distraktion.
  • 2012/04/15 Skift sæt 1,2
  • Udsat offentlig metode: toggleMenuExpansion
  • Udsat offentlig metode: get_toggleState
  • Tilføjet kodeeksempel i indekset fil (samme som live preview) for at vise tilfælde hvordan toggleMenuExpansion og get_toggleState kan bruges.
  • Moderniseret prøve siden lidt med ny fold banner til mobile / stationære enheder
  • 2012/04/14 Skift sæt 1.1: xxx

Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
13 april 12

Sidste ændring:
29 maj 13

Kompatible Browsere:
IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS, HTML, CSS

Søgeord

eCommerce, eCommerce, Alle artikler, android, CSS3 overgange, tilpasses, desktop, hå, ndholdt, ipad, iphone, menu, mobil, navbar, navigation, rotere, glide, tablet, WP7