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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Meniu stil Cale

Acesta este un meniu multi-nivel inspirat de Path 2.0 UI, care are aplicația cer rocketed Cale în App Store, dovedind că o interfață distinctiv vă poate da într-adevăr marginea într-o piață competitivă cu alte produse similare.

Atunci când utilizatorul apasă sau face clic pe butonul, elementele de meniu se extindă și să se plaseze în jurul butonului principal care formează un arc, un cerc, linia de sus pe orizontală sau pe verticală. Pentru a închide meniul utilizatorul trebuie să fie selectează una dintre opțiunile prezentate sau apăsați din nou butonul principal.

Dacă mai multe niveluri sunt imbricate, apoi pe un submeniu va produce butonul din spate, care permite utilizatorului să meargă înapoi la selectarea meniului anterior.




Schimbare jurnal urmează:

  • 29/05/2013 changeset 3.7
  • Meniul fix stil arcului electric pe iOS în cazul în care meniul a fost nervoși când derulați pagina. Acum, aceasta se va derula împreună cu pagina fără probleme.
  • Fix bug-ul in linie meniu unde alinierea elementelor de meniu a fost distorsionat dacă scrollbar au fost prezente în pagina.
  • Sa adăugat o nouă opțiune pentru a permite oprirea unui meniu extins de la colaps atunci când faceți clic în fereastra documentului.
  • Elementele din meniu ar putea fi văzut călătorind de la marginea de sus a ecranului spre unde butonul principal stă. Acest lucru a fost stabilit. Acum, când se încarcă pagina tot ce vezi este mainbutton. Butoanele articol extinde și sunt vizibile doar după ce faceți clic pe butonul principal.
  • 09/01/2013 changeset 3.6
  • Versiunile minified nu a funcționat bine atunci când se stabilesc dimensiunile pictogramelor și alte câteva proprietăți prin intermediul JavaScript. Acest lucru este stabilit acum
  • În Firefox, a existat o pâlpâire atunci când extinderea meniului, în timp ce acest lucru a fost stabilit înainte de a fi ținut târâtor până în versiunile ulterioare, fixate de data asta o dată pentru totdeauna!
  • Butonul principal se rotește acum un 360deg plin implicit vs 180deg din versiunile anterioare
  • 26/11/2012 changeset 3.5
  • Fix o problemă pe dispozitive tactile în cazul în care meniul inline nu arăta deloc. O schimbare în versiunea anterioară a rupt acest lucru, fixat acum.
  • Fix poziționarea elementelor din submeniu atunci când au existat 1 sau 2 elemente de submeniu în toate. Elementele de meniu vor rămâne parțial acoperite de butonul principal.
  • Asigurat că meniul nu ajunge ascunse de accident, adică ajungi la selectarea meniului din css atunci când creați aspecte de design receptiv și hidding-l. Notat câteva teme care fac acest lucru, nu ar trebui să fie o problemă acum.
  • 19/11/2012 changeset 3.4
  • Dacă faceți clic pe butoanele vor permite acum suficient timp pentru animație pentru a finaliza înainte de a naviga la adresa URL de destinație
  • Când meniul încarcă prima dată, când îl vezi în mișcare așa cum se ascunde în spatele butonului principal. Acest lucru a fost neintenționată. Acum doar se încarcă în spatele perioadei butonul principal.
  • incoerențe fixe în documentație.
  • 22/10/2012 changeset 3.3
  • Noua documentație în format pdf
  • Adăugat suport pentru setarea URL-ul direct, atunci când setarea elementelor. Nu este nevoie să scrie orice cod pentru navigație, atâta timp cât ați furnizat URL-ul, navigarea este automată. Acest lucru face configurarea de navigare destul de ușor și nu necesită manual abonarea la evenimente dacă cineva dorește să ofere doar navigare.
  • Adăugat suport pentru deschiderea URL-ul într-o filă nouă, implicit este falsă.
  • Eliminat cerința de stabilire a icoanelor URL-ul din css. Acum, puteți seta întregul meniu în JavaScript sau de a face lucruri ca înainte. Va trebui să aruncăm o privire la noua documentație.
  • Versiunile anterioare expuse unei singure onSelecteditem, care a tras pentru orice buton apasat. Acesta este un motiv de confuzie ați avut apoi de a filtra manual butoanele de interes. Pentru numele de claritate, vom expune acum evenimente separate în loc:
    1. onMainButtonClick focului atunci când butonul principal este dat clic pe
    2. onParentButtonClick-incendii atunci când un element părinte se face clic
    3. onBackButtonClick focului atunci când butonul din spate este făcut clic pe
    4. onItemButtonClick focului pentru un buton element de meniu
  • Fix o neconcordanță cu extinderea automată a meniului în încărcare a paginii.
  • A schimbat modul în id au fost de ieșire de componenta. Această modificare rupe compatibilitate în această versiune. Oamenii care folosesc css stilului butoanelor, care a fost, de asemenea, implicit în versiunile anterioare, va dori să prefix id-ul de meniu cu identificatorul butonul de meniu anterior, de exemplu, în cazul în care au avut acest lucru:
     # menuitem0 { fundal: URL-ul ( 'imagini../ / photo.png') nu-repetare; } # menuitem1 { fundal: URL-ul ( 'imagini../ / people.png') nu-repetare; } 
    Acum este:
     # menu1_menuitem0 { fundal: URL-ul ( 'imagini../ / photo.png') nu-repetare; } # menu1_menuitem1 { fundal: URL-ul ( 'imagini../ / people.png') nu-repetare; } 
    în cazul în care Menu1 este id-ul meniului.
  • Elementul container are acum o dimensiune prestabilită, care este dimensiunea butonului principal. Anterior, am părăsit această responsabilitate pe utilizator, dar acest lucru a adăugat mai mult loc pentru confuzie și măsuri mai manuale pentru a face meniul sa se comporte ca s-ar inline aștepta să-l. Acest lucru este acum manipulat de meniul intern.
  • 10/01/2012 changeset 3.2
  1. enableUrlHash este acum implicit false. Pentru a utiliza această funcție trebuie să-l setați manual true exemplu {enableUrlHash: true} a trecut într-o opțiune pentru constructorul meniului.
  2. Atunci când trece printr-un simplu set de valori string la elementele de proprietate ex: {elemente: "Meniu 1", "Meniu 2", "Meniu 3 '} vs format mult mai bogat, parametrul de valoare a trecut la tratare a evenimentului onSelectedItem transformat în sus nul. Acest lucru este stabilit acum.
  3. atunci când un element de meniu este activ (de exemplu, a făcut clic), care se prăbușește elementele de meniu împreună, făcând clic în document se extinde din nou meniul cu elementul dat clic nu este afișat. Meniul nu ar trebui să se extindă și nici nu ar trebui să fie ascuns elementul dat clic. Acesta este un bug din cauza elementului dat clic fiind ascunse prin opacitate. Este fixat acum.
  4. Marja adăugată implicită și padding pe butonul principal. Acest lucru este de a se asigura că a treia parte css în pagina nu afectează meniu.
  5. Adăugat suport pentru deschiderea automată a meniului la încărcarea paginii. Pentru a activa aceasta trebuie să setați expandată: true
  6. Adăugat suport pentru colaps automat din meniu după ce acesta a fost extins automat la încărcarea paginii. Pentru aceasta trebuie să setați valoarea expandTimeout la numărul de milisecunde de așteptare.
  7. Adăugat suport pentru etichete. Puteți activa această funcție adăugând showLabel: true, și o etichetă este afișată alături de pictograma. Textul etichetei este furnizat prin proprietatea din titlu.
  • 8/15/2012 changeset 3.1
  • actualizare rezolvă -acest cea mai mare parte orice probleme IE8 si IE7. O listă de remedieri:
  • IE7 & IE8 stabilește compatibilitatea:
    • atunci când faceți clic în document și elemente au fost într-o stare extinsă, ei nu au fost obtinerea prăbușit. Acest lucru este stabilit acum.
    • Toate demo-urile online, utilizate querySelector. Acest lucru se rupe în IE8 (modul compatbility).
    • Sa adăugat o polyfill pentru querySelector și [].forEach. Acest lucru afectează doar demo-ul on-line în IE8. Fix.
    • Sa adăugat o polyfill pentru String.trim
    • Fix metoda care Evacuați în înăbușit IE8
  • Alte probleme:
    • Adăugat suport de ordin superior indexului z pentru meniul atunci când pe modul inline.
    • pâlpâire fixe în tranziție CSS3 pe firefox, în cazul în care animația a fost agitat și lent.
    • A adăugat un link lipsă în documentație.
  • 8/10/2012 changeset 3.0
  • Adăugat suport pentru andocare meniul din stânga sus Corner Dreapta sus Colțul și jos în colțul din dreapta. Anterior, am avut un sprijin pentru doar partea de jos colțul din stânga. Acum vom sprijini de andocare în toate cele 4 colțuri ale ecranului.
  • Andocare acum este acceptată în mod corespunzător în Android 4.0 ++ deoarece susține css poziție fixă ​​frumos. Acesta ar trebui să funcționeze în mod similar, în iOS 5 (în cazul în care nu-l raportează, mulțumesc).
  • Adăugat suport pentru Încorporarea meniului.
  • Acum suportăm 11 stiluri diferite de stabilire a meniului:
    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
  • Adăugat suport pentru multiple instanțe ale meniului
  • Adăugat suport pentru conținut textual în butoane.
  • Adăugat suport pentru măști de imagine.
  • Extins api și a expus noi metode și proprietăți, în special cele pe care le puteți utiliza pentru a adăuga elemente de meniu dinamic. Documentația de referință pentru detalii. In plus, am adăugat, de asemenea, un nou demo de laborator pentru a prezenta scenarii mai complexe, cum ar fi adăugarea de elemente de meniu în timpul rulării.
  • 6/12/2012 changeset 1.9
  • Fixed un bug în dispozitive portabile în cazul în care nu a fost bara de adrese compensate. Acest lucru a avut ca rezultat meniul nu face nimic în timpul unei operații de atingere.
  • A adăugat un ordin z-index implicit, pentru a se asigura că meniul este întotdeauna mai presus de toate celelalte elemente de pe pagina pe care se află.
  • 5/19/2012 chagneset 1.8
  1. Consolidată curba
  2. Adăugat suport pentru meniul de închidere, atunci când faceți clic în document. Acest lucru este doar pentru desktop-ul. Pe dispozitivele cu atingere activată, trebuie să utilizați butonul de închidere.
  3. Adăugat suport pentru tooltips. Acest lucru este disponibil numai pe desktop (dispozitive fără atingere activată). verifică documentația cu privire la modul de a obține tooltip pe elementele de meniu.
  4. handler onSelectedItem include acum a dat clic elementele de meniu titlu la fel de bine, care este trecut în callback argumente.
  5. interogări media. Acum poti trece o listă de lățimi pentru portul de vizualizare pentru a controla de ex: [{ 'minWidth': 640, 'maxWidth': 1024}] și se va face în cazul în care această condiție este îndeplinită de către solicitant dispozitivului / browser.
  6. Grosimea orizontală nu a fost scrollbar compensată atunci când plasarea meniului în colțul din stânga jos al ferestrei de vizualizare. Acest lucru este stabilit acum.
  7. Cele mai mare caracteristică încă așa cum a fost cerut de mai multe ori este că acum avem un plug-in WordPress (deja depuse pentru revizuire).
  • 5/19/2012 changeset 1.8:
  1. Bug fix de poziționare în cazul în care, dacă ați avut doar un singur element de meniu și cu curba corespunzătoare stabilită ar rămâne încă ascunsă în spatele meniului principal.
  2. referință fixă ​​numai (modul de depanare) Generator element de ierarhie în cazul în care un element de meniu suplimentar a fost inclus în ieșire.
  3. Fixed un bug care a afectat mai multe de navigare. In principiu, atunci când a avut mai mult de 1 nivel sub pe mai mult de 1 element de meniu, ar fi o mixup.
  4. Fixed un bug care a afectat primul element de meniu. atunci când faceți clic pe primul element de meniu nu ar scară atunci când defilare din vedere ca și ceilalți.
  5. Acum pictogramele se reorienteze atunci când navigarea de la un submeniu la altul. Acest lucru permite pictogramele pentru a menține arcului lor ca elemente de meniu pot varia în număr din submeniu la submeniu.
  • 5/15/2012 Observație: 1.8 (în curând)
  • 4/28/2012 changeset: 1.7
  • Fixed bug-uri mici IE.
  • Adăugată nouă pagină demo on-line și sunt incluse în pachetele sursă.
  • Adăugat suport pentru simboluri hash. Acum, dacă enableUrlHash este adevărat (fals implicit), atunci când faceți clic pe un element de meniu este comanda va primi atașat în URL-ul, la fel ca și în noul demo on-line.
  • 04/26/2012 changeset: 1.6
  • Atunci când este submeniul extins tranzitia a fost sacadat. Fix.
  • Opera Mini a pierdut o tranziție lină atunci când am actualizat la 1.5. Acest lucru este stabilit acum.
  • Pictograma butonului din spate folosit o săgeată în 1.5; Acest lucru nu se pretează prea bine pentru efectele de rotație. Pentru a compensa acest lucru am avut incrementat rotație, dar care nu a fost prea bun. Am redus acum rotirea înapoi la modul în care a fost și a schimbat pictograma pentru ceva mult mai bun.
  • Documentata o caracteristică de depanare, care va imprima structura dvs. meniu, astfel încât să puteți vedea ce meniul lui id arata ca pentru a ușura eforturile dumneavoastră de dezvoltare. Acest lucru este documentat în walkthrough.
  • Actualizat fișierul walkthrough.html găsit în folderul acasă pentru a aduce la viteza cu recentele schimbări.
  • Expus o nouă metodă toggleMainButton. Acest lucru poate fi combinat cu metoda toggleMenuExpansion.
  • 04/24/2012 changeset 1.5:
  • Noi acum suport multi-nivel submeniuri.
  • API-ul rămâne în concordanță cu versiunile anterioare.
  • documentație adăugată pentru mai multe niveluri submeniuri. Face parte din descărcarea în pagina walkthrough.
  • Aceasta este de fapt o schimbare destul de mare, iar codebase a trecut printr-o rescriere parțială. Bucurați-vă!
  • 04/17/2012 changeset 1.4
  • bug fix pe atingere dispozitive portabile
  • Fixed un bug în metoda Evacuați
  • -Acum curățarea propriu-zis are loc atunci când meniul este eliminat.
  • 04/16/2012 changeset 1.3
  • set_curve expuse (valoare) metoda publică
  • anticipate expuse () metoda publică
  • La următoarea locație ProjectPathMenu \ src \ com \ pathmenu \ acasă
  • -Added Un demo suplimentar în index.html care prezintă setarea modelului curbei elementelor de meniu sub.
  • -Added Un tutorial walkthrough, ceea ce face mult mai ușor pentru utilizatorul final.
  • -Added O pagină demo care include doar meniul reducând șansele de distragere a atenției.
  • 04/15/2012 Modificare set 1.2
  • Metoda expusă publică: toggleMenuExpansion
  • Metoda publică expusă: get_toggleState
  • A adăugat eșantion de cod din fișierul index (la fel ca previzualizare live) pentru a arăta modul în care caz pot fi folosite toggleMenuExpansion și get_toggleState.
  • Revamped pagina de probă un pic cu un nou banner-ul ori mai mare pentru dispozitive / desktop mobile
  • 04/14/2012 Modificare set 1.1: xxx

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
13 aprilie 12

Ultima actualizare:
29 mai 13

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

fişierele incluse:
JavaScript JS, HTML, CSS

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, Android, tranziții CSS3, personalizabil, desktop-ul, portabile, iPad, iphone, meniul, mobil, navbar, navigare, roti, aluneca, comprimat, WP7