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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menú d'estil ruta

Es tracta d'un menú multinivell inspirat en Camí 2.0 interfície d'usuari, que ha disparat cel l'aplicació Path a la botiga d'aplicacions, el que demostra que una interfície d'usuari molt distintiva li pot donar l'avantatge en un mercat competitiu amb productes similars.

Quan l'usuari pressiona o fa clic al botó, els elements de menú s'expandeixen i es col·loquen al voltant del botó principal que forma un arc, un cercle, s'alineen horitzontal o verticalment. Per tancar el menú l'usuari necessita o selecciona una de les opcions que es presenten o pressionar l'interruptor principal de nou.

Si es nien diversos nivells, a continuació, fer clic en un submenú produirà el botó de retrocés que permet a l'usuari tornar a la selecció de menú anterior.




Canvi de registre següent:

  • 2013.05.29 3,7 conjunt de canvis
  • Fixa el menú d'estil de arc en IOS on el menú estava nerviós quan es desplaça la pàgina. Ara que es desplaça juntament amb la pàgina sense problemes.
  • Insecte fix del menú en línia, on l'alineació dels elements de menú quedar distorsionat si les barres de desplaçament eren presents a la pàgina.
  • S'ha afegit una nova opció per permetre que s'aturi un menú ampliat es col·lapsi quan es fa clic a la finestra de document.
  • Els elements del menú es podien veure viatjant des de la vora superior de la pantalla cap a on es troba el botó principal. Això s'ha solucionat. Ara que la pàgina es carrega tot el que veus és el mainbutton. botons de Element s'expandeixen i són visibles només després de fer clic al botó principal.
  • 2013.01.09 3,6 conjunt de canvis
  • Les versions minified no funcionava bé l'hora d'establir les dimensions d'icones i algunes altres propietats a través de JavaScript. Això s'ha resolt ara
  • A Firefox, hi va haver un parpelleig quan s'expandeix el menú, mentre que aquest es va fixar abans que es va mantenir arrossegant fins en versions posteriors, fixa aquesta vegada d'una vegada per totes!
  • Botó principal gira ara fa un 360deg completa per defecte contra la 180 graus de les versions anteriors
  • 26/11/2012 changeset 3.5
  • S'ha solucionat un problema en els dispositius tàctils on el menú en línia no estava mostrant en absolut. Un canvi en la versió anterior es va trencar això, ara fix.
  • Fixa la posició d'elements de menú subordinat quan hi havia 1 o 2 elements de menú subordinat en absolut. Els elements del menú quedarien parcialment coberta pel botó principal.
  • Va assegurar que el menú no quedi oculta per accident, és a dir, s'acaba de seleccionar el menú en el seu css en crear dissenys de disseny de resposta i ocultant ell. Assenyalat alguns temes que fan això, no hauria de ser un problema ara.
  • 19/11/2012 changeset 3.4
  • En fer clic als botons A continuació permetre suficient temps perquè finalitzi l'animació abans de navegar a l'URL de destinació
  • Quan el menú carrega la primera vegada, ho veus en moviment, ja que s'amaga darrera el botó principal. Això no va ser intencional. Ara que acaba de càrrega darrere del període botó principal.
  • inconsistències fixos en la documentació.
  • 22/10/2012 changeset 3.3
  • Nova documentació en format pdf
  • S'ha afegit suport per a l'establiment d'URL directament al configurar els elements. No hi ha necessitat d'escriure cap codi per a la navegació, el temps que ja ha proporcionat la URL, la navegació és automàtica. Això fa que la configuració de navegació molt fàcil i no requereix manualment la subscripció d'esdeveniments si es vol només per proporcionar la navegació.
  • S'ha afegit suport per a l'obertura de la URL en una nova pestanya, per defecte és fals.
  • S'ha eliminat el requisit que les icones de configuració URL en css. Ara pot configuració de tot el menú en javascript o fer les coses com abans. Vas a haver de fer una ullada a la nova documentació.
  • Les versions anteriors s'exposen una sola onSelecteditem quals acomiadat per qualsevol botó premut. Aquest és un motiu de confusió ja que després va haver filtrar manualment els botons d'interès. Per l'amor d'una major claredat ara exposem esdeveniments separats en el seu lloc:
    1. onMainButtonClick-incendis quan es fa clic amb el botó principal
    2. onParentButtonClick-incendis quan es fa clic a un element principal
    3. onBackButtonClick-incendis quan es fa clic al botó de retrocés
    4. onItemButtonClick-incendis per a un botó d'opció de menú
  • Fixa una incompatibilitat amb l'expansió automàtica del menú de càrrega de la pàgina.
  • Canviat la forma d'identificació de la sortida eren pel component. Aquest canvi trencar la compatibilitat cap enrere en aquesta versió. Les persones que fan servir CSS per l'estil dels botons, que també era el valor per defecte en les versions anteriors, voldran afegir un prefix d'Identificació del menú amb l'identificador de botó de menú és a dir, amb anterioritat si tenien la següent:
     # Menuitem0 { background: url ( '../ imatges / photo.png') no-repeat; } # MenuItem1 { background: url ( '../ imatges / people.png') no-repeat; } 
    ara és:
     # Menu1_menuitem0 { background: url ( '../ imatges / photo.png') no-repeat; } # Menu1_menuitem1 { background: url ( '../ imatges / people.png') no-repeat; } 
    on menu1 és l'id del seu menú.
  • L'element contenidor té ara un mida per defecte que és la mida del botó principal. Anteriorment ens vam anar aquesta responsabilitat en l'usuari, però això, afegit més espai per a la confusió i més passos manuals perquè el menú es comporten inline, com es podria esperar que ho faci. Això ara és manejat pel menú internament.
  • 10/01/2012 changeset 3.2
  1. enableUrlHash ara és false per defecte. Per utilitzar aquesta funció, ha de configurar manualment a true per exemple {enableUrlHash: true} es passa com una opció per al constructor de menú.
  2. En passar un simple conjunt de valors de cadena a la propietat ítems per exemple: {articles: "Menú 1", "Menú 2", "Menú 3 '} vs el format molt més ric, el paràmetre de valor que es passa al controlador d'esdeveniments onSelectedItem es va presentar nul·la. Això s'ha resolt ara.
  3. quan un element de menú està actiu (és a dir, fa clic), que col·lapsa els elements de menú tots junts, en fer clic en el document de nou s'expandeix el menú amb l'element s'ha fet clic no es mostra. El menú no ha d'ampliar ni ha de ser l'element s'ha fet clic ocult. Això és un error a causa del element s'ha fet clic s'oculta a través de l'opacitat. S'ha resolt ara.
  4. Afegit marge predeterminat i el farciment al botó principal. Això és per assegurar que el tercer partit css a la pàgina no afecta el menú.
  5. Afegit suport per obrir automàticament el menú de càrrega de la pàgina. Per activar aquesta ha d'establir expandida: true
  6. S'ha afegit suport per plegar automàticament el menú després que s'expandeix automàticament en carregar la pàgina. Per a això cal establir el valor expandTimeout al nombre de milisegons d'espera.
  7. Afegit suport per a etiquetes. Aquestes funcions les pot mitjançant l'addició d'showLabel: veritable, i una etiqueta es mostra costat de la icona. El text de l'etiqueta es subministra a través de la propietat del títol.
  • 15/08/2012 changeset 3.1
  • -Aquesta Actualització resol qualsevol problema sobretot IE8 i IE7. Una llista de correccions:
  • IE7 i IE8 correccions de compatibilitat:
    • quan es fa clic en el document i els elements estaven en un estat expandit, que no estaven rebent col·lapsar. Això s'ha resolt ara.
    • Totes les demostracions en línia utilitzen querySelector. Això trenca en IE8 (mode compatbility).
    • S'ha afegit una polyfill per querySelector i [].forEach. Això només afecta la demostració en línia en IE8. Fix.
    • S'ha afegit una polyfill per String.trim
    • S'ha solucionat el mètode dispose la qual es va ennuegar en IE8
  • Altres qüestions:
    • S'ha afegit suport per a alta z-index per al menú quan en la manera en línia.
    • parpelleig fixa en la transició CSS3 a Firefox, on l'animació era entretallat i lent.
    • S'ha afegit una baula perduda en la documentació.
  • 2012.10.08 3.0 changeset
  • S'ha afegit suport per a l'atracada al menú a la cantonada superior esquerra, dreta Cantonada superior i inferior cantonada dreta. Abans teníem suport només per la part inferior del córner esquerre. Ara recolzem acoblament en les 4 cantonades de la pantalla.
  • Acoblament està ara suportat adequadament en Android 4.0 ++, ja que suporta CSS posició fixa molt bé. S'ha de treballar de manera similar a iOS 5 (si no informar-ne, gràcies).
  • Afegit suport per inlining el menú.
  • Ara tenim suport 11 estils diferents de traçar el 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
  • S'ha afegit suport per a múltiples instàncies del menú
  • S'ha afegit suport per al contingut textual en els botons.
  • Afegit suport per a màscares d'imatge.
  • Ampliada l'API i s'exposa nous mètodes i propietats, en concret les que pot utilitzar per afegir elements de menú de forma dinàmica. Fer referència a la documentació per als detalls. A més també hem afegit una nova demostració de laboratori per mostrar escenaris més complexos, com ara l'addició d'elements de menú en temps d'execució.
  • 2012.12.06 1.9 changeset
  • S'ha corregit un error en dispositius de mà, on la barra d'adreces no es va veure compensada. Això va donar lloc al fet que el menú no fer res durant una operació de toc.
  • S'ha afegit una ordre z-index per defecte per assegurar-se que el menú és sempre per sobre de tots els altres elements de la pàgina on es troba.
  • 5/19/2012 1.8 chagneset
  1. Enhanced la corba
  2. S'ha afegit suport per al menú de tancament quan es fa clic al document. Això és només per a escriptori. En els dispositius habilitats per tocar el que ha de fer servir el botó de tancament.
  3. S'ha afegit suport per a la informació sobre eines. Només està disponible a l'escriptori (dispositius habilitats no tàctil). consulteu la documentació sobre com obtenir informació sobre eines en els seus elements de menú.
  4. gestor onSelectedItem ara inclou el títol s'ha fet clic elements de menú, així, que es passa en els arguments devolucions de trucada.
  5. Les consultes de mitjans. Ara pot passar una llista d'amples de vista per al control, per exemple: [{ 'anchoMin': 640, 'anchoMax': 1024}] i va a proporcionar a si mateix si aquesta condició es satisfà amb el dispositiu / navegador sol·licitant.
  6. gruix barra de desplaçament horitzontal no es compensa en el moment de col·locar el menú a la part inferior esquerra de la finestra gràfica. Això s'ha resolt ara.
  7. La major característica més gran però, com s'ha preguntat més vegades és que ara tenim un plugin per a WordPress (ja presentada per a la seva revisió).
  • 5/19/2012 changeset 1.8:
  1. Solució del problema de posicionament en la qual si vostè tenia només un element de menú únic i amb la corba correcta posada encara romandria ocult darrere del menú principal.
  2. Només de referència fix (mode de depuració) generador de jerarquia d'elements on un element de menú addicional s'inclou en la sortida.
  3. S'ha corregit un error que va afectar a diversos de navegació. Bàsicament, quan vostè tenia més d'1 nivell sub en més d'1 punt del menú, no hi hauria una confusió.
  4. S'ha corregit un error que va afectar al primer element del menú. quan es fa clic al primer element de menú que no seria escalar quan es desplaça fora de la vista com els altres.
  5. Ara les icones reposicionar en navegar d'un menú a l'altre. Això permet que les icones per mantenir el seu arc com a elements de menú poden variar en nombre de submenú al submenú.
  • 5/15/2012 Avís: 1.8 (Pròximament)
  • 4/28/2012 Conjunt de canvis: 1.7
  • Fixos petits errors de l'IE.
  • Afegida nova pàgina de demostració en línia i s'inclou amb els paquets font.
  • S'ha afegit suport per als símbols de patata. Ara bé, si és cert enableUrlHash (false per defecte), llavors quan es fa clic en un element de menú que és comando aconseguirà annexa a la URL, igual que en la nova demostració en línia.
  • 04/26/2012 Conjunt de canvis: 1.6
  • Quan de menú subordinat expandit la transició va ser desigual. Fix.
  • Opera mini perdre transicions suaus quan ens van passar a 1,5. Això s'ha resolt ara.
  • La icona de botó de retrocés utilitza una fletxa en 1.5; Això no es presta molt bé per als efectes de la rotació. Per compensar aquesta havíem incrementat la rotació, però això no era massa bo. Ara hem reduït la rotació de nou a com era i vam canviar la icona per a alguna cosa molt millor.
  • Documentat una característica de depuració que s'imprimeixi l'estructura de menús perquè pugui veure el que identificadors del seu menú veurà com per alleujar els seus esforços de desenvolupament. Això està documentat en el tutorial.
  • Actualitzat l'arxiu walkthrough.html que es troba a la carpeta d'inici per portar al dia amb els últims canvis.
  • Exposat un nou mètode toggleMainButton. Això es pot combinar amb el mètode toggleMenuExpansion.
  • 04/24/2012 1,5 conjunt de canvis:
  • Ara donem suport als submenús de diversos nivells.
  • L'API segueix sent compatible amb versions anteriors.
  • Afegit documentació per als submenús de diversos nivells. És part de la seva descàrrega a la pàgina de tutorial.
  • En realitat és un gran canvi i el codi base s'ha sotmès a una reescriptura parcial. Gaudir!
  • 04/17/2012 changeset 1.4
  • Insecte fix del tacte en els dispositius portàtils
  • S'ha corregit un error en el mètode dispose
  • -ara neteja adequada es porta a terme quan el menú es rebutja.
  • 04/16/2012 changeset 1.3
  • set_curve exposada (valor) mètode públic
  • petar exposats mètode públic ()
  • En la següent ubicació ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Es Ha afegit una demostració addicional en index.html que mostra la configuració del patró de la corba dels elements del menú subordinat.
  • -Es Ha afegit un tutorial pas a pas, pel que és molt més fàcil per a l'usuari final.
  • -Es Ha afegit una pàgina de prova que només inclou el menú de la reducció de les possibilitats de distracció.
  • 04/15/2012 canvia el conjunt de 1.2
  • Mètode públic exposada: toggleMenuExpansion
  • Mètode públic exposada: get_toggleState
  • Afegit exemple de codi a l'arxiu d'índex (igual que la vista prèvia en viu) per mostrar com toggleMenuExpansion cas i get_toggleState es poden utilitzar.
  • Renovat la pàgina de mostra amb un petit plec nova bandera per a dispositius / escriptori mòbils
  • 04/14/2012 canvia el conjunt de 1.1: xxx

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

creat:
Desembre 13 d'abril de

Darrera actualització:
29 maig 13

Els navegadors compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

arxius inclosos:
JS JavaScript, HTML, CSS

Paraules clau

eCommerce, eCommerce, tots els Articles, androide, transicions CSS3, personalitzable, escriptori, de mà, ipad, iphone, menú, mò, bil, navbar, navegació, rotar, diapositiva, tauleta, WP7