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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Path tyylinen menu

Tämä on monitasoinen valikko innoittamana Path 2,0 UI, joka on taivas raketin Path sovelluksen App Store, jotka osoittavat, että erottuva UI voi todella antaa sinulle reuna kilpailluilla markkinoilla samankaltaisia ​​tuotteita.

Kun käyttäjä painaa tai napsauttaa painiketta, valikkokohdat laajentaa ja asettuvat ympäri tärkeimmät painiketta muodostaa kaaren, ympyrän, riviin vaaka- tai pystysuunnassa. Valikon sulkeminen käyttäjä tarvitsee joko valitsee yhden esitetyistä vaihtoehdoista tai painamalla tärkein painiketta uudelleen.

Jos useita tasoja ovat sisäkkäin, valitsemalla alavalikon tuottaa back-näppäintä avulla käyttäjä voi palata edelliseen valikon.




Muuta log seuraavasti:

  • 29/05/2013 muutosjoukkoa 3.7
  • Kiinteä kaaren tyyli valikosta IOS missä menu oli hermostunut selattaessa sivun. Nyt se rullaa yhdessä sivun sujuvasti.
  • Kiinteä inline menu vika, jos valikkokohtien linjaus mutta vääristyä, jos scrollbars oli läsnä sivulla.
  • Lisätty uusi vaihtoehto mahdollistaa pysäyttämään laajennettu menu romahtamisen kun klikkaamalla dokumentti-ikkunassa.
  • Valikkokohdat näkyi matkalla yläreunasta näytön kohti jossa tärkein painiketta istuu. Tämä on korjattu. Nyt kun sivu latautuu kaikki näet on mainbutton. Kohta painikkeet laajentaa ja näkyvät vasta klikkaamalla tärkein painiketta.
  • 09.1.2013 muutosjoukkoa 3.6
  • Pienennetyt versiot eivät toimi hyvin, kun asetetaan kuvakkeen mitat ja muutamia muita ominaisuuksia kautta JavaScript. Tämä on kiinteä nyt
  • Firefoxissa oli välkkyä kun laajeneva valikon, kun tämä on vahvistettu, ennen kuin se piti noususuunnassa uudemmissa versioissa, kiinteä tällä kertaa lopullisesti!
  • Tärkeimmät nappi pyörittää koko 360deg oletuksena vs 180deg aiempien versioiden
  • 26/11/2012 muutosjoukkoa 3.5
  • Kiinteät kysymys, touch laitteissa, joissa inline valikko ei näkynyt lainkaan. Muutos edellisestä julkaisusta rikkoi tätä, kiinteä nyt.
  • Kiinteä sijoittaminen alamenuista kun oli 1 tai 2 alamenuista kaikissa. Valikkokohdat jäisi osittain kuulu tärkeimpien painiketta.
  • Varmistettava, että valikko ei saa piilottaa vahingossa, eli päädyt valitsemalla valikosta oman css luodessaan reagoivia asettelujen ja hidding sitä. Huomata muutamia teemoja teet tämän, ei pitäisi olla ongelma nyt.
  • 19/11/2012 muutosjoukkoa 3.4
  • Klikkaamalla painikkeet nyt riittävästi aikaa animaation valmistumista ennen navigoinnin kohteeseen url
  • Kun valikko lataa ensimmäistä kertaa, näet sen liikkeessä, koska se piiloutuu tärkein painiketta. Tämä oli tahaton. Nyt se vain lataa takana tärkeimmät -painiketta ajan.
  • Kiinteä epäjohdonmukaisuuksia asiakirjoissa.
  • 22/10/2012 muutosjoukkoa 3.3
  • Uudet asiakirjat pdf-muodossa
  • Lisätty tuki asettaa url suoraan asetettaessa kohteita. Ei tarvitse kirjoittaa koodia navigointiin, kunhan edellyttäen url, navigointi on automaattinen. Tämä tekee perustamalla navigointi melko helppoa eikä vaadi käsin tilaamalla tapahtumiin, jos haluaa vain antaa navigointi.
  • Lisätty tuki avaamiseksi url uuteen välilehteen, oletus on väärä.
  • Poistettu vaatimus asettaa kuvakkeita url CSS. Voit nyt setup koko valikosta JavaScript tai tehdä asioita kuin ennen. Sinun täytyy vilkaista uutta dokumentaatiota.
  • Aiemmat versiot alttiina yhden onSelecteditem joka potkut tahansa painiketta napsautetaan. Tämä on syy sekaannusta, kun oli sitten manuaalisesti suodattaa painikkeet kiinnostava. Sillä tähtensä Selkeyden nyt paljastaa erillistä lajeista:
    1. onMainButtonClick-välähtää, kun tärkein painiketta napsautetaan
    2. onParentButtonClick-välähtää, kun vanhempi erä napsautetaan
    3. onBackButtonClick-välähtää, kun takaisin-painiketta painetaan
    4. onItemButtonClick-tulipalot menu item -painiketta
  • Kiinteä epäjohdonmukaisuus automaattisen laajentamisen valikosta sivun latausaika.
  • Muuttanut tapaa id olivat tuotanto komponentin. Tämä muutos tauko yhteensopivuuden tässä versiossa. Ihmiset käyttävät css tyyli painikkeet, joka oli myös oletuksena aiemmissa versioissa, haluavat etuliite valikon id kanssa menu-näppäintä tunnisteen eli aikaisemmin, jos heillä oli tämä:
     # Menuitem0 { tausta: url ( '../ images / photo.png) no-repeat; } # Menuitem1 { tausta: url ( '../ images / people.png) no-repeat; } 
    nyt sen:
     # Menu1_menuitem0 { tausta: url ( '../ images / photo.png) no-repeat; } # Menu1_menuitem1 { tausta: url ( '../ images / people.png) no-repeat; } 
    jossa menu1 on id valikon.
  • Säiliössä elementti on nyt oletuksena koko, joka on koko tärkeimmät painiketta. Aiemmin lähdimme tätä vastuuta käyttäjän mutta lisäsi enemmän tilaa hämmennystä ja manuaaliset vaiheet tehdä inlined valikon käyttäytyvät kuin voisi odottaa sen. Tämä on nyt hoitaa valikko sisäisesti.
  • 10/01/2012 muutosjoukkoa 3.2
  1. enableUrlHash on nyt väärä oletuksena. Voit käyttää tätä ominaisuutta sinun täytyy manuaalisesti true esim {enableUrlHash: true} hyväksyttiin lisävarusteena valikkoon rakentaja.
  2. Kun kulkee yksinkertaisia ​​merkkijonon arvoja kohteita kiinteistön esim: {kohteita: "Menu 1 ',' Menu 2 ',' Valikko 3 '} vs paljon rikkaampi, arvona parametri välitetään onSelectedItem tapahtumakäsittelijä ilmaantunut null. Tämä on nyt korjattu.
  3. kun valikkokohta on aktiivinen (ts napsautetaan), joka romahtaa valikkotoiminnot kaikki yhdessä, klikkaamalla asiakirjaan jälleen laajenee valikkoa napsautetaan elementti ei näy. Valikon pitäisi ei laajenna eikä olisi napsautetaan elementti olla piilossa. Tämä on virhe, koska napsautetaan elementti on piilotettu kautta peittävyyttä. Se on korjattu nyt.
  4. Lisätty oletus marginaaleja tärkeimmistä painiketta. Näin varmistetaan, että kolmas osapuoli css sivun ei vaikuta valikosta.
  5. Lisätty tuki automaattisesti avaamalla valikko sivulla kuormaa. Jotta tämä sinun täytyy asettaa laajennettu: true
  6. Lisätty tuki automaattisesti romahtamassa valikon, kun se oli laajennettu automaattisesti sivulla kuormaa. Tätä varten sinun täytyy asettaa expandTimeout arvoksi määrän odottamassa millisekuntia.
  7. Lisätty tuki tarroja. Voit ottaa tämän ominaisuuden lisäämällä showLabel: totta, ja etiketti näkyy rinnalla kuvaketta. Etiketti teksti syötetään otsikko omaisuutta.
  • 15.8.2012 muutosjoukkoa 3.1
  • -Tämä Päivitys useimmiten ratkaisee mitään IE8 ja IE7 kysymyksiä. Luettelo korjauksia:
  • IE7 ja IE8 yhteensopivuus korjauksia:
    • kun klikkaamalla asiakirjassa ja elementit olivat laajennetussa tilassa, niitä ei saada romahtanut. Tämä on nyt korjattu.
    • Kaikki online-esittelyjä käytetty querySelector. Tämä rikkoo IE8 (compatbility tila).
    • Lisätty Polyfill varten querySelector ja [].forEach. Tämä on vain vaikuttaa online-esittely IE8. Kiinteä.
    • Lisätty Polyfill varten String.trim
    • Kiinteä hävitä menetelmä, joka kuristi IE8
  • Muut ongelmat:
    • Lisätty korkea z-index, jotta tuki valikon ollessaan inline tilassa.
    • Kiinteät välkyntä CSS3 siirtymävaiheessa Firefox, jossa animaatio oli katkonaista ja hidasta.
    • Lisätty puuttuva lenkki asiakirjoissa.
  • 10.8.2012 muutosjoukkoa 3.0
  • Lisätty tuki telakointi valikon vasemmassa yläkulmassa, oikeassa yläkulmassa ja oikeassa alakulmassa. Aikaisemmin meillä oli tukea vain vasemmasta alakulmasta. Nyt tukea telakointi kaikki 4 ruudun kulman.
  • Telakka on nyt oikein tukee Android 4.0 ++ koska se tukee css kiinteään asentoon hienosti. Sen pitäisi toimia samalla iOS 5 (jos ei ilmoita siitä, kiitos).
  • Lisätty tuki upottamista valikosta.
  • Tuemme nyt 11 eri tyylejä säätävä valikosta:
    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
  • Lisätty tuki useita esiintymiä valikon
  • Lisätty tuki tekstisisältöä painikkeita.
  • Lisätty tuki kuvan maskeja.
  • Laajennettu API ja altistuvat uusia menetelmiä ja ominaisuuksia, erityisesti niitä, voit lisätä valikkokohteita dynaamisesti. Viite dokumentaation yksityiskohdat. Lisäksi olemme myös lisänneet uuden lab demo esitellä monimutkaisempia skenaarioita, kuten lisäämällä valikkokohdat suorituksen.
  • 12.6.2012 muutosjoukkoa 1.9
  • Kiinteä vika kämmenlaitteissa jossa addressbar ei kompensoida. Tämä johti valikossa ei tee mitään aikana painalluksella.
  • Lisätty oletuksena z-index, jotta varmistetaan, että valikko on aina kaikkia muita elementtejä sivulla, jolla se sijaitsee.
  • 19.5.2012 chagneset 1,8
  1. Parannettu käyrä
  2. Lisätty tuki sulkemista valikko kun hiiren asiakirjaan. Tämä on vain työpöydälle. Touch yhteensopiviin laitteisiin täytyy käyttää sulkupainiketta.
  3. Lisätty tuki työkaluvihjeet. Tämä on käytettävissä vain työpöydällä (ei-touch yhteensopivia laitteita). Tarkista ohjeista, kuinka saada työkaluvinkki oman valikon kohteita.
  4. onSelectedItem käsittelijä sisältää nyt napsautetaan valikkokohtien otsikko sekä, mikä on ohitettu kutsuja argumentteja.
  5. Media kyselyt. Voit nyt siirtää luettelon näkymän leveydet kontrolliin esim: [{ "minWidth ': 640,' maxWidth ': 1024}] ja se tulee tehdä itse, jos tämä ehto täytetään pyytävä laite / selain.
  6. Vaakavierityspalkki paksuus ei kompensoi asetettaessa valikkoa vasemmassa alakulmassa näkymän. Tämä on nyt korjattu.
  7. Useimmat suurin ominaisuus vielä, koska se on pyydetty useamman kerran on, että meillä on nyt wordpress plugin (jo lähetetty tarkistettavaksi).
  • 19.5.2012 muutosjoukkoa 1.8:
  1. Kiinteä paikannus vika, jos jos olisi vain yksi valikko ja asianmukaisen käyrä asettaa sen on vielä piilossa päävalikon.
  2. Kiinteä viitteellisiä (debug mode) elementin hierarkiassa generaattori missä ylimääräinen valikkokohdan sisällytettiin lähtö.
  3. Kiinteä vika, joka vaikuttaa usean navigointi. Periaatteessa kun oli enemmän kuin 1 sub tasolla yli 1 valikkovaihtoehto, ei olisi mixup.
  4. Kiinteä vika, joka vaikuttaa ensimmäinen valikkokohta. kun klikkaamalla ensimmäinen valikkokohta se ei mittakaavassa, kun vieritys pois näkyvistä kuin muut.
  5. Nyt kuvakkeet asemoida itsensä navigoitaessa yhdestä alivalikosta toiseen. Näin kuvakkeet säilyttää kaari kuin valikkokohteet vaihdella numeron alavalikosta alivalikko.
  • 15.5.2012 Huomautus: 1.8 (Tulossa)
  • 28.4.2012 muutosjoukkoa: 1.7
  • Kiinteä pieni IE bugeja.
  • Lisätty uusi online-esittely sivun ja mukana lähdekoodipaketeille.
  • Lisätty tuki ristikkomerkkejä. Nyt jos enableUrlHash on tosi (epätosi oletuksena), sitten kun klikkaat valikkokohdan se komento saavat liitteenä url, aivan kuten uusi online demo.
  • 26.4.2012 muutosjoukkoa: 1.6
  • Kun alivalikko laajentunut siirtyminen oli nykivää. Kiinteä.
  • Opera Mini menetti saumattoman siirtymisen kun päivittänyt 1.5. Tämä on nyt korjattu.
  • Selkä painikekuvakkeeksi käytetään nuolella 1,5; Tämä ei sovellu kovin hyvin pyörimään vaikutuksia. Tämän kompensoimiseksi olimme kasvatetaan kierto, mutta se ei ollut liian hyvä. Nyt vähensi kierto takaisin, miten se oli ja muutti kuvaketta jotain paljon parempaa.
  • Dokumentoitu debug ominaisuus, joka tulostaa valikkorakenne jotta näet mitä valikon id näyttävät helpottaa sinun kehittämistyötä. Tämä on dokumentoitu läpikäynti.
  • Päivittänyt walkthrough.html tiedosto löytyy kotikansion tuoda vauhtiin kanssa viimeaikaisista muutoksista.
  • Suojaamaton uuden menetelmän toggleMainButton. Tämä voidaan yhdistää toggleMenuExpansion menetelmällä.
  • 24.4.2012 muutosjoukkoa 1.5:
  • Tuemme nyt monen alivalikon.
  • API on edelleen yhdenmukainen aiempien versioiden.
  • Lisätty dokumentaatio monen alivalikon. Se on osa ladattavissa läpikäynti sivulle.
  • Tämä on itse asiassa varsin suuri muutos ja codebase on tehty osittainen uudelleenkirjoitus. Nauttia!
  • 17.4.2012 muutosjoukkoa 1.4
  • Kiinteä kosketus bug kämmentietokoneissa
  • Kiinteä vian hävitä menetelmässä
  • -Nyt oikea uudelleenjärjestäminen tapahtuu, kun valikko on hävitettävä.
  • 16.4.2012 muutosjoukkoa 1.3
  • Suojaamaton set_curve (arvo) julkinen tapa
  • Suojaamaton snap () julkinen tapa
  • Seuraavassa paikassa ProjectPathMenu \ src \ com \ pathmenu \ kotiin
  • -Lisätty Ylimääräinen demon index.html, joka esittelee asettamalla käyräkuvio sub valikkokohtien.
  • -Lisätty Käydäksesi opetusohjelma, mikä on paljon helpompaa loppukäyttäjälle.
  • -Lisätty Esittelysivu, joka sisältää vain valikon vähentää mahdollisuuksia häiriötekijä.
  • 15.04.2012 Muutos asettaa 1.2
  • Alttiina julkinen tapa: toggleMenuExpansion
  • Alttiina julkinen tapa: get_toggleState
  • Lisätty mallikoodissa hakemistotiedostossa (sama kuin live esikatselu) näyttää asia miten toggleMenuExpansion ja get_toggleState voidaan käyttää.
  • Uudistetut esimerkkisivusta hieman uusia kertaiseksi bannerin mobiili / tietokoneilla
  • 14.04.2012 Muutos asettaa 1.1: xxx

Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
13 huhtikuu 12

Viimeisin päivitys:
29 toukokuu 13

yhteensopiva selaimet:
IE8, IE9, Firefox, Safari, Opera, Chrome

tiedostot Mukana:
JavaScript JS, HTML, CSS

Avainsanoja

eCommerce, eCommerce, Kaikki tavarat, android, CSS3 siirtymä, t, muokattavissa, pö, ytä, -, kannettavat, ipad, iphone, valikko, mobile, navbar, suunnistus, kiertä, ä, dia, tabletti, WP7