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å vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Sti stil menyen

Dette er en multi-level meny inspirert av Sti 2,0 UI som har himmels banen programmet i App Store, som beviser at en særegen UI kan virkelig gi deg den kanten i et konkurranseutsatt marked med lignende produkter.

Når brukeren trykker eller klikker på knappen, menyelementer utvide og plassere seg rundt hovedknappen danner en bue, en sirkel, linje opp horisontalt eller vertikalt. For å lukke menyen brukeren må enten velger ett av alternativene som presenteres eller trykker på hovedknappen igjen.

Hvis flere nivåer er nestet, vil deretter en undermeny produsere tilbakeknappen slik at brukeren kan gå tilbake til forrige menyvalg.




Endringslogg følger:

  • 29/05/2013 forandrings 3.7
  • Fast buen stil menyen på iOS hvor menyen var nervøs når du ruller siden. Nå ruller den sammen med siden jevnt.
  • Fixed inline menyen bug der menyelementer justeringen ble forvrengt hvis rullefelt var tilstede på siden.
  • Lagt til en ny mulighet til å tillate stoppe en utvidet meny fra å kollapse når du klikker i dokumentvinduet.
  • Menyelementer kan ses reise fra øvre kant av skjermen mot der hovedknappen sitter. Dette har blitt fikset. Nå som siden lastes alt du ser er mainbutton. Element knapper utvide og er bare synlige når du har klikket på hovedknappen.
  • 09/01/2013 forandrings 3.6
  • Det miniversjoner fungerte ikke så bra når du setter ikonet dimensjoner og et par andre egenskaper gjennom Javascript. Dette er fikset nå
  • I Firefox, det var et blaff da utvide menyen, mens dette var løst før det holdt snikende opp i senere versjoner, fikset det denne gangen en gang for alle!
  • Hovedknappen roterer nå en full 360deg som standard vs 180 grader fra tidligere versjoner
  • 26/11/2012 forandrings 3,5
  • Fikset et problem på touch-enheter hvor inline menyen ikke ble vist i det hele tatt. En endring i den forrige utgivelsen brøt denne, fikset nå.
  • Fast plassering av undermenypunkter når det var 1 eller 2 undermenypunktene i det hele tatt. Menyelementene ville forbli delvis dekket av hovedknappen.
  • Sørget for at menyen ikke blir skjult ved et uhell, dvs. at du ender opp med å velge menyen i css når du oppretter responsive design oppsett og hidding det. Bemerket noen temaer gjør dette, bør ikke være et problem nå.
  • 19.11.2012 forandrings 3.4
  • Ved å klikke på knappene vil nå gi nok tid for animasjon for å fullføre før du navigerer til målet url
  • Når menyen laster den første gangen, du ser det i bevegelse som det skjuler seg bak på hovedknappen. Dette var utilsiktet. Nå er det bare laster bak hovedknappen periode.
  • Faste uoverensstemmelser i dokumentasjonen.
  • 22/10/2012 forandrings 3.3
  • Ny dokumentasjon i pdf-format
  • Lagt til støtte for å sette url direkte når du setter elementene. Du trenger ikke å skrive kode for navigasjon, så lenge du har gitt url, er automatisk navigasjon. Dette gjør sette opp navigasjons ganske enkel og krever ikke manuelt å abonnere på hendelser hvis man ønsker å bare gi navigasjon.
  • Lagt til støtte for å åpne url i ny fane, er standard falsk.
  • Fjernet kravet for å sette ikoner url i css. Du kan nå sette opp hele menyen i javascript eller gjøre ting som før. Du må ta en titt på den nye dokumentasjonen.
  • Tidligere versjoner utsatt en enkelt onSelecteditem som sparket for noen knapp klikket. Dette er en grunn til forvirring som du deretter måtte filtrere knappene av interesse manuelt. For skyld av klarhet vi nå avsløre separate hendelser i stedet:
    1. onMainButtonClick-branner når hovedknappen klikkes
    2. onParentButtonClick-branner når en forelder element klikkes
    3. onBackButtonClick-branner når tilbake-knappen er klikket
    4. onItemButtonClick-branner for et menyelement knapp
  • Fikset en inkonsekvens med den automatiske utvidelsen av menyen i sidelasting.
  • Endret måten id-tallet var produksjonen av komponenten. Denne endringen bryte bakoverkompatibilitet i denne versjonen. Folk som bruker css style knappene, som også var standard i tidligere versjoner, vil ønske å prefiks menyen id med menyknappen identifikator dvs. tidligere hvis de hadde dette:
     # menuitem0 { bakgrunn: url ( '../ images / photo.png') no-repeat; } # menuitem1 { bakgrunn: url ( '../ images / people.png') no-repeat; } 
    nå er det:
     # menu1_menuitem0 { bakgrunn: url ( '../ images / photo.png') no-repeat; } # menu1_menuitem1 { bakgrunn: url ( '../ images / people.png') no-repeat; } 
    hvor menu1 er id av menyen.
  • Beholderelementet har nå en standard størrelse som er størrelsen på hovedknappen. Tidligere har vi igjen dette ansvaret på brukeren, men dette lagt mer rom for forvirring og mer manuelle trinn for å gjøre inlined menyen oppfører seg som man ville forvente at det skal. Dette er nå håndteres av menyen internt.
  • 10.01.2012 forandrings 3.2
  1. enableUrlHash er nå falsk som standard. For å bruke denne funksjonen må du sette den manuelt til true f.eks {enableUrlHash: true} gått inn som et alternativ til menyen konstruktøren.
  2. Når passerer et enkelt sett med strengverdier til elementer eiendom f.eks: {elementer: 'Meny 1 "," Meny 2 "," Meny 3'} vs mye rikere format, verdien parameter sendes til onSelectedItem hendelseshåndterer dukket opp null. Dette er fikset nå.
  3. når et menyelement er aktiv (dvs. klikket) som kollapser menypunktene alle sammen, klikke inn i dokumentet igjen utvider menyen med klikket elementet ikke vises. Menyen skal ikke utvide eller bør klikket element være skjult. Dette er en feil på grunn av den klikket element blir skjult via dekkevne. Det er fikset nå.
  4. Lagt standard margin og padding på hovedknappen. Dette er for å sikre at tredjepart css på siden påvirker ikke på menyen.
  5. Lagt til støtte for automatisk åpning av menyen på side belastning. For å aktivere dette må du sette utvidet: true
  6. Lagt til støtte for automatisk å kollapse menyen etter at den ble utvidet automatisk på side belastning. For dette må du sette den expandTimeout verdien til antallet som venter millisekunder.
  7. Lagt til støtte for etiketter. Du kan aktivere denne funksjonen ved å legge showLabel: true, og en etikett vises ved siden av ikonet. Etiketten tekst leveres gjennom tittelen eiendom.
  • 8/15/2012 forandrings 3.1
  • -Dette Oppdatering for det meste løser eventuelle IE8 og IE7 problemer. En liste over reparasjoner:
  • IE7 og IE8 kompatibilitetsfiksere:
    • når du klikker i dokumentet, og elementene var i utslått tilstand, ble de ikke får kollapset. Dette er fikset nå.
    • Alle online demoer brukt querySelector. Dette bryter i IE8 (compatbility modus).
    • Lagt til en polyfill for querySelector og [].forEach. Dette er bare påvirker online demo i IE8. Fast.
    • Lagt til en polyfill for String.trim
    • Fikset kast metode som kvalte i IE8
  • Andre problemer:
    • Lagt høy z-index for støtte for menyen når du er på inline-modus.
    • Fikset flimring i CSS3 overgang på firefox, hvor animasjonen var hakkete og treg.
    • Lagt til en missing link i dokumentasjonen.
  • 8/10/2012 forandrings 3.0
  • Lagt til støtte for docking menyen i venstre hjørne, høyre hjørne og nedre høyre hjørne. Tidligere har vi hatt støtte for bare nederst i venstre hjørne. Nå støtter vi docking i alle 4 hjørnene av skjermen.
  • Docking er nå riktig støttes i android 4.0 ++ som den støtter css fast stilling pent. Det skal fungere på samme måte i iOS 5 (om ikke rapportere det, takk).
  • Lagt til støtte for innebygging menyen.
  • Vi støtter nå 11 forskjellige stiler av å legge ut menyen:
    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 til støtte for flere forekomster av menyen
  • Lagt til støtte for tekstlig innhold i knappene.
  • Lagt til støtte for bildemasker.
  • Utvidet API og utsatt nye metoder og egenskaper, spesielt de du kan bruke til å legge til menyelementer dynamisk. Referanse dokumentasjonen for detaljer. I tillegg har vi også lagt til en ny lab demo å vise frem mer komplekse scenarier, for eksempel legge menyvalg under kjøring.
  • 6/12/2012 forandrings 1.9
  • Fikset en bug i håndholdte enheter der adressefeltet i ikke ble kompensert for. Dette resulterte i menyen ikke gjør noe i løpet av et tastetrykk.
  • Lagt til en standard z-index for å sikre at menyen er alltid over alle andre elementer på siden hvor den ligger.
  • 5/19/2012 chagneset 1.8
  1. Forbedret kurven
  2. Lagt til støtte for å lukke menyen når du klikker inn i dokumentet. Dette er bare for skrivebordet. På touch-aktiverte enheter må du bruke lukkeknappen.
  3. Lagt til støtte for verktøytips. Dette er bare tilgjengelig på skrivebordet (ikke-touch aktiverte enheter). sjekke dokumentasjonen på hvordan du kan få verktøytips på menyelementer.
  4. onSelectedItem handler inkluderer nå klikket menyelementer tittelen også, som er vedtatt i de tilbakeringe argumenter.
  5. Medieforespørsler. Nå kan du sende en liste over View bredder til kontroll f.eks: [{ 'minWidth': 640, 'maxWidth': 1024}], og det vil gi seg selv om dette vilkåret er oppfylt ved å be om enhet / nettleser.
  6. Horisontale rulle tykkelse ble ikke kompensert for når du plasserer menyen i nedre venstre hjørne av synsfeltet. Dette er fikset nå.
  7. Mest største funksjonen ennå som det har blitt spurt flere ganger er at vi nå har en WordPress plugin (allerede sendt inn til vurdering).
  • 5/19/2012 forandrings 1.8:
  1. Fast posisjonering bug der hvis du hadde bare en enkelt menyelement og med riktig kurve satt det vil fortsatt forbli skjult bak hovedmenyen.
  2. Fast referanse (debug-modus) element hierarki generator hvor et ekstra menyelement ble inkludert i produksjonen.
  3. Fikset en bug som påvirket multi-navigasjon. I utgangspunktet når du hadde mer enn en sub nivå på mer enn ett menyvalg, ville det være en mixup.
  4. Fikset en bug som påvirket den første menyelementet. når du klikker på første menyvalget det ikke ville skalere ut når du ruller ut av visningen som de andre.
  5. Nå ikonene reposisjonere seg når du navigerer fra en undermeny til en annen. Dette gjør at ikonene for å opprettholde sin bue som menyelementer kan variere i antall fra undermenyen til undermenyen.
  • 5/15/2012 Notice: 1.8 (kommer snart)
  • 4/28/2012 forandrings: 1,7
  • Faste små IE feil.
  • Lagt til nye online demo side og følger med kildepakkene.
  • Lagt til støtte for hash symboler. Nå hvis enableUrlHash er sant (false som standard), og når du klikker på et menyelement det er kommandoen vil bli vedlagt i url, akkurat som i den nye online demo.
  • 04/26/2012 forandrings: 1,6
  • Når undermeny utvidede overgangen var jerky. Fast.
  • Opera mini tapt jevne overganger når vi oppgradert til 1.5. Dette er fikset nå.
  • Tilbake-knappen ikonet som brukes en pil i 1,5; Dette ikke egner seg så godt for rotasjonseffekter. For å kompensere for dette vi hadde økes rotasjonen, men det var ikke så bra. Vi sank nå rotasjonen tilbake til hvordan det var og endret på ikonet til noe mye bedre.
  • Dokumentert en debug funksjon som vil skrive ut menystrukturen, slik at du kan se hva menyen din id ligne å lette din utviklingsarbeid. Dette er dokumentert i gjennomgangen.
  • Oppdatert walkthrough.html fil funnet i Hjem-mappen for å bringe til hastighet med de siste endringene.
  • Utsatt en ny metode toggleMainButton. Dette kan kombineres med den toggleMenuExpansion metode.
  • 04/24/2012 forandrings 1.5:
  • Vi støtter nå multi-level undermenyer.
  • Den api forblir konsistent med tidligere versjoner.
  • Lagt dokumentasjon for multi-level undermenyer. Det er en del av nedlastingen i gjennomgangen siden.
  • Dette er faktisk en ganske stor endring og kodebasen har gjennomgått en delvis omskriving. Nyt!
  • 04/17/2012 forandrings 1.4
  • Fast berøring bug på håndholdte enheter
  • Fikset en bug i kast-metoden
  • -Nå skikkelig opprydding pågår når meny avhendes.
  • 04/16/2012 forandrings 1.3
  • Exposed set_curve (verdi) offentlig metode
  • Exposed snap () offentlig metode
  • På følgende plassering ProjectPathMenu \ src \ com \ \ hjem pathmenu
  • -Lagt En ekstra demo i index.html som viser sette kurven mønster av sub menyelementer.
  • -Lagt En gjennomgang opplæringen, noe som gjør det mye enklere for sluttbrukeren.
  • -Lagt En demoside som bare inneholder menyen redusere sjansene for distraksjon.
  • 04/15/2012 Endre satt 1,2
  • Exposed offentlig metode: toggleMenuExpansion
  • Exposed offentlig metode: get_toggleState
  • Lagt kodeeksempel i indeksfilen (samme som levende forhåndsvisning) for å vise tilfelle hvordan toggleMenuExpansion og get_toggleState kan brukes.
  • Fornyet eksempelside litt med ny fold banner for mobile / stasjonære enheter
  • 04/14/2012 Endre satt 1.1: xxx

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
13.04.12

Siste oppdatering:
29 mai 13

kompatible nettlesere:
IE8, IE9, Firefox, Safari, Opera, Chrome

filer Inkludert:
Javascript JS, HTML, CSS

Søkeord

eCommerce, eCommerce, Alle ting, android, CSS3 overganger, passelig, desktop, hå, ndholdt, ipad, iphone, meny, mobil, navbar, navigasjon, rotere, lysbilde, tablett, WP7