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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu in stile Path

Si tratta di un menu multi-livello ispirato Path 2.0 UI che ha cielo vertiginosamente l'applicazione Path in App Store, dimostrando che un distintivo interfaccia utente può davvero dare il bordo in un mercato competitivo con altri prodotti simili.

Quando l'utente preme o fa clic sul pulsante, le voci di menu si espandono e si collocano attorno al pulsante principale che forma un arco, un cerchio, si allineano in orizzontale o in verticale. Per chiudere il menu l'utente deve o seleziona una delle opzioni presentate o premere nuovamente il pulsante principale.

Se più livelli sono annidati, quindi facendo clic su un sottomenu produrrà il tasto back permette all'utente di tornare al menu di selezione precedente.




Cambio di registro segue:

  • 29/05/2013 changeset 3.7
  • Corretto il menu stile arco su iOS dove il menu era jumpy durante lo scorrimento della pagina. Ora scorre insieme alla pagina senza intoppi.
  • Corretto il bug del menu in linea in cui l'allineamento delle voci di menu ottenuto distorto se le barre di scorrimento erano presenti nella pagina.
  • Aggiunta una nuova opzione che permette di terminare un menu espanso di collassare quando si fa clic nella finestra del documento.
  • Le voci di menu potrebbe essere visto in viaggio dal bordo superiore dello schermo verso cui il pulsante principale siede. Questo è stato risolto. Ora, come la pagina si carica tutto ciò che vedi è la mainbutton. pulsanti Voce espandono e sono visibili solo dopo aver fatto clic sul pulsante principale.
  • 09.01.2013 changeset 3.6
  • Le versioni minified non funzionava bene quando si impostano le dimensioni delle icone e poche altre proprietà tramite JavaScript. Ora è stato corretto
  • In Firefox, ci fu un guizzo durante l'espansione del menu, mentre questo è stato fissato prima ha mantenuto strisciante nelle versioni successive, fissato questa volta una volta per tutte!
  • Pulsante principale ora ruota un 360deg piena di default contro il 180deg da versioni precedenti
  • 26/11/2012 Changeset 3.5
  • Risolto un problema su dispositivi touch dove il menu in linea non è stato mostrando a tutti. Un cambiamento nella versione precedente ha rotto questo, fissa ora.
  • Corretto il posizionamento delle voci del sottomenu quando c'erano 1 o 2 voci di sottomenu in tutto. Le voci di menu rimarrebbero parzialmente coperto dal pulsante principale.
  • Accertato che il menu non viene nascosto per caso, per esempio, si finisce per selezionare il menu nel CSS per la creazione di layout di progettazione reattivi e Hidding esso. Notato alcuni temi che fanno questo, non dovrebbe essere un problema ora.
  • 19/11/2012 Changeset 3.4
  • Cliccando i pulsanti saranno ora disporre del tempo sufficiente per l'animazione di completare prima la navigazione verso l'URL di destinazione
  • Quando il menu carica la prima volta, si vede in movimento, come si nasconde dietro il pulsante principale. Questo è stato intenzionale. Ora è solo carica alle spalle il periodo tasto principale.
  • incongruenze fissi nella documentazione.
  • 22/10/2012 Changeset 3.3
  • Nuova documentazione in formato pdf
  • Aggiunto il supporto per l'impostazione URL direttamente quando si impostano le voci. Non c'è bisogno di scrivere alcun codice per la navigazione, fino a quando hai fornito l'URL, la navigazione è automatico. Questo permette di configurare la navigazione molto semplice e non richiede manualmente la sottoscrizione di eventi se si vuole fornire solo la navigazione.
  • Aggiunto il supporto per l'apertura del URL in una nuova scheda, di default è falso.
  • Rimosso il requisito per l'impostazione icone url in css. È ora possibile impostare l'intero menu in javascript o fare le cose come prima. Dovrete dare un'occhiata alla nuova documentazione.
  • Le versioni precedenti esposti una sola onSelecteditem che licenziato per qualsiasi pulsante cliccato. Questo è un motivo di confusione, come allora era necessario filtrare manualmente i pulsanti di interesse. Per amor di chiarezza, che ora esponiamo eventi separati, invece:
    1. onMainButtonClick il fuoco quando il pulsante principale viene cliccato
    2. onParentButtonClick-incendi quando un elemento genitore si fa clic
    3. onBackButtonClick il fuoco quando il pulsante indietro si fa clic
    4. onItemButtonClick fuochi di un pulsante voce di menu
  • Corretto un incompatibilità con l'espansione automatica del menu in caricamento della pagina.
  • Cambiato il modo id erano uscita dal componente. Questo cambiamento rompere la compatibilità a ritroso in questa versione. Le persone che utilizzano i CSS per lo stile dei pulsanti, che era anche il default nelle versioni precedenti, vorranno prefisso l'id del menu con l'identificatore tasto MENU vale a dire in precedenza se avessero questo:
     # menuitem0 { fondo: url ( 'images../ / photo.png') no-repeat; } # MenuItem1 { fondo: url ( 'images../ / people.png') no-repeat; } 
    adesso è:
     # menu1_menuitem0 { fondo: url ( 'images../ / photo.png') no-repeat; } # menu1_menuitem1 { fondo: url ( 'images../ / people.png') no-repeat; } 
    dove menu1 è l'id del vostro menu.
  • L'elemento contenitore ha ora una dimensione predefinita che è la dimensione del pulsante principale. In precedenza abbiamo lasciato questa responsabilità sull'utente ma questo aggiunto più spazio per la confusione e passi più manuali per rendere il comportarsi menù inline come ci si aspetterebbe a. Questo è ora gestita da menu internamente.
  • 10/01/2012 Changeset 3.2
  1. enableUrlHash è ora false per impostazione predefinita. Per utilizzare questa funzione è necessario impostare manualmente su true per esempio {enableUrlHash: true} passato come opzione al costruttore menu.
  2. Quando si passa un semplice insieme di valori di stringa alle voci di proprietà ad esempio: {voci: "Menu 1", "Menu 2", "Menu 3 '} vs il formato molto più ricco, il parametro valore passato al gestore di eventi onSelectedItem alzato nullo. Questo è stato risolto ora.
  3. quando una voce di menu è attivo (cioè cliccato), che crolla le voci di menu tutti insieme, facendo clic nel documento si espande nuovamente il menu con l'elemento cliccato non mostrare. Il menu non dovrebbe espandere né deve essere l'elemento cliccato nascosto. Questo è un bug dovuto all'elemento cliccato essere nascosti tramite l'opacità. E 'stato risolto.
  4. Aggiunto margin e padding di default sul tasto principale. Questo per garantire che terze parti CSS nella pagina non influisce sul menu.
  5. Aggiunto il supporto per l'apertura automatica del menu al caricamento della pagina. Per consentire questo si deve impostare espansa: true
  6. Aggiunto il supporto per collassare automaticamente il menu dopo che è stato automaticamente esteso al caricamento della pagina. Per questo è necessario impostare il valore expandTimeout per il numero di millisecondi di attesa.
  7. Aggiunto il supporto per le etichette. È possibile attivare questa funzione con l'aggiunta di showLabel: vero, e un'etichetta viene visualizzata l'icona a fianco. Il testo dell'etichetta è fornita attraverso la proprietà del titolo.
  • 2012/08/15 Changeset 3.1
  • -Questo Aggiornamento risolve principalmente problemi di IE8 e IE7. Un elenco di correzioni:
  • IE7 e IE8 soluzioni di compatibilità:
    • quando si fa clic nel documento e gli elementi erano in uno stato espanso, non erano sempre crollati. Questo è stato risolto ora.
    • Tutti i demo on-line utilizzati querySelector. Questo rompe in IE8 (modalità compatbility).
    • Aggiunto un polyfill per querySelector e [].forEach. Questo colpisce solo la demo online in IE8. Fisso.
    • Aggiunto un polyfill per String.trim
    • Corretto il metodo dispose che soffocato in IE8
  • Altri problemi:
    • Aggiunto il supporto di ordine alto z-index per il menu, quando in modalità in linea.
    • sfarfallio fissa in transizione CSS3 su Firefox, dove l'animazione era instabile e lento.
    • Aggiunto un anello mancante nella documentazione.
  • 2012/08/10 Changeset 3.0
  • Aggiunto il supporto per l'attracco il menu a sinistra alto, a destra alto e in basso a destra. In precedenza abbiamo avuto il supporto per solo la parte inferiore d'angolo da sinistra. Ora sosteniamo attracco in tutti i 4 angoli dello schermo.
  • Docking è ora correttamente supportata in Android 4.0 ++ in quanto supporta CSS posizione fissa bene. Dovrebbe funzionare in modo simile a iOS 5 (se non segnalarlo, grazie).
  • Aggiunto il supporto per inlining il menu.
  • Attualmente supportiamo 11 diversi stili di layout del menù:
    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
  • Aggiunto il supporto per più istanze di menu
  • Aggiunto il supporto per i contenuti testuali nei pulsanti.
  • Aggiunto il supporto per maschere di immagine.
  • Esteso l'API ed esposti nuovi metodi e proprietà, in particolare quelli che si possono utilizzare per aggiungere voci di menu in modo dinamico. Fare riferimento alla documentazione per i dettagli. Inoltre abbiamo anche aggiunto un nuovo laboratorio demo per mostrare scenari più complessi, come l'aggiunta di voci di menu in fase di esecuzione.
  • 2012/06/12 Changeset 1.9
  • Corretto un bug in dispositivi portatili, dove il AddressBar non era compensata. Ciò ha provocato il menu non fare nulla durante un tocco operazione.
  • Aggiunto un ordine di z-index di default per garantire che il menu è sempre al di sopra di tutti gli altri elementi della pagina in cui si trova.
  • 2012/05/19 chagneset 1.8
  1. Migliorata la curva
  2. Aggiunto il supporto per il menu di chiusura quando si fa clic nel documento. Questo è solo per desktop. Su dispositivi touch abilitati è necessario utilizzare il pulsante di chiusura.
  3. Aggiunto il supporto per i suggerimenti. Questo è disponibile solo sul desktop (dispositivi non-touch abilitato). controllare la documentazione su come ottenere il tooltip su voci di menu.
  4. gestore onSelectedItem ora include le voci del menu cliccato titolo pure, che è passato negli argomenti callback.
  5. media query. È ora possibile passare un elenco di larghezze viewport al controllo ad esempio: [{ 'minWidth': 640, 'maxwidth': 1024}] e sarà rendersi se questa condizione è soddisfatta dalla richiedente dispositivo / browser.
  6. Spessore barra di scorrimento orizzontale non è stata compensata quando si posiziona il menu nell'angolo in basso a sinistra della finestra. Questo è stato risolto ora.
  7. La maggior parte più grande caratteristica ancora come è stato chiesto più volte è che ora abbiamo un plugin per WordPress (già presentato per la revisione).
  • 2012/05/19 Changeset 1.8:
  1. bug posizionamento fisso in cui se si aveva solo una singola voce di menu e con la curva corretta imposta sarebbe comunque rimanere nascosto dietro il menu principale.
  2. riferimento fisso solo (modalità di debug) generatore di gerarchia degli elementi in cui una voce di menu aggiuntivo è stato incluso nell'output.
  3. Corretto un bug che ha colpito multi-navigazione. Fondamentalmente, quando si ha più di 1 livello sub su più di 1 voce di menu, ci sarebbe stato un disguido.
  4. Corretto un bug che ha colpito la prima voce del menu. quando si fa clic la prima voce del menu non sarebbe scalabilità orizzontale durante lo scorrimento di vista come gli altri.
  5. Ora le icone riposizionarsi durante la navigazione da un sottomenu ad un altro. In questo modo le icone per mantenere il loro arco come voci di menu possono variare in numero da sottomenu al sottomenu.
  • 5/15/2012 Avviso: 1.8 (Coming soon)
  • 2012/04/28 Changeset: 1.7
  • piccoli bug di IE fissi.
  • Aggiunta nuova pagina demo online e incluso con i pacchetti sorgente.
  • Aggiunto il supporto per i simboli hash. Ora, se è vero enableUrlHash (false di default), poi quando si fa clic su una voce di menu è il comando otterrà aggiunto nel URL, proprio come nella nuova demo online.
  • 04/26/2012 Changeset: 1.6
  • Quando sottomenu del ampliato la transizione è stata a scatti. Fisso.
  • Opera Mini ha perso transizioni morbide quando abbiamo aggiornato a 1.5. Questo è stato risolto ora.
  • L'icona del pulsante Indietro usato una freccia a 1,5; Questo non si presta molto bene per gli effetti di rotazione. Per compensare questo abbiamo incrementato la rotazione, ma che non era troppo buono. Ora diminuito la rotazione indietro a come era cambiato e l'icona di qualcosa di molto meglio.
  • Documentato una funzionalità di debug che stampare la struttura dei menu in modo da poter vedere che cosa il vostro menù id assomigliare per facilitare i vostri sforzi di sviluppo. Questo è documentato nella procedura dettagliata.
  • Aggiornato il file walkthrough.html trovato nella cartella principale di portare al passo con i recenti cambiamenti.
  • Esposto un nuovo metodo toggleMainButton. Questo può essere combinato con il metodo toggleMenuExpansion.
  • 04/24/2012 changeset 1.5:
  • Ora il supporto multi-livello di sottomenu.
  • L'API rimane coerente con le versioni precedenti.
  • Aggiunta documentazione per il multi-livello di sottomenu. Fa parte del download nella pagina di procedura dettagliata.
  • Questo è in realtà abbastanza un grande cambiamento e la base di codice è stato sottoposto a una riscrittura parziale. Godere!
  • 2012/04/17 Changeset 1.4
  • tocco Corretto il bug su dispositivi palmari
  • Corretto un bug nel metodo Dispose
  • -Ora corretta pulizia è in atto quando il menu viene smaltito.
  • 2012/04/16 Changeset 1.3
  • set_curve Exposed (valore) Metodo pubblico
  • SNAP Exposed () Metodo pubblico
  • Al seguente percorso ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Aggiunto Una demo in più in index.html che mette in mostra l'impostazione del modello della curva delle voci del sottomenu.
  • -Aggiunto Un tutorial procedura dettagliata, rendendo molto più facile per l'utente finale.
  • -Aggiunto Una pagina di prova che comprende solo il menu riducendo le possibilità di distrazione.
  • 2012/04/15 Change set 1.2
  • Metodo pubblico Exposed: toggleMenuExpansion
  • Metodo pubblico Exposed: get_toggleState
  • esempio di codice aggiunto nel file indice (lo stesso l'anteprima dal vivo) per mostrare caso come toggleMenuExpansion e get_toggleState possono essere utilizzati.
  • Revamped la pagina di esempio con un po 'di nuovo banner piega per i dispositivi / desktop mobili
  • 2012/04/14 Cambio set 1.1: xxx

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
13 aprile 12

Ultimo aggiornamento:
29 maggio 13

Browser compatibili:
IE8, IE9, Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, CSS

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, androide, transizioni CSS3, personalizzabile, tavolo, palmare, ipad, i phone, Menu, mobile, barra di navigazione, Navigazione, ruotare, diapositiva, tavoletta, WP7