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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Path style menu

Ito ay isang multi-level na menu inspirasyon ng Path 2.0 UI na may kalangitan rocketed ang Path application sa App store, na nagpapatunay na ang isang natatanging UI maaari talagang magbibigay sa iyo ng gilid sa isang competitive na merkado na may katulad na mga produkto.

Kapag ang presses user o mga pag-click sa pindutan, mga item sa menu mapalawak at ilagay ang kanilang sarili sa paligid ng pangunahing button na bumubuo ng isang arc, isang bilog, line up pahalang o patayo. Upang isara ang menu gumagamit ay kailangang mag-pipili ng isa sa mga pagpipilian na ipinakita o pindutin ang pangunahing pindutan muli.

Kung maraming mga antas ay nested, pagkatapos ay magklik isang sub menu ay gumawa ng back button na nagpapahintulot sa gumagamit upang bumalik sa nakaraang pagpili menu.




Baguhin ang log ng sumusunod:

  • 29/05/2013 Changeset 3.7
  • Naayos na ang arc style menu sa iOS kung saan ang mga menu ay magugulatin kapag-scroll pahina. Ngayon ito dinaanan kasama ang page nang maayos.
  • Fixed inline menu bug kung saan ang mga item sa menu alignment got pangit kung scrollbars ay naroroon sa pahina.
  • Nagdagdag ng bagong pagpipilian upang payagan ang pagtigil ng isang pinalawak na menu mula sa collapsing kapag pag-click sa window ng dokumento.
  • Menu item ay maaaring makita naglalakbay mula sa tuktok gilid ng screen patungo kung saan ang pangunahing button sits. Ito ay naayos na. Ngayon-load ng page lahat ng nakikita mo ay ang mainbutton. pindutan Item mapalawak at ay makikita lamang pagkatapos ng pag-click sa pangunahing button.
  • 2013/09/01 Changeset 3.6
  • Ang minified bersyon ay hindi gumagana ng maayos kapag nagse-set ang sukat icon at ng ilang mga iba pang mga katangian sa pamamagitan ng JavaScript. Ito ay naayos ngayon
  • Sa Firefox, nagkaroon ng isang kisap kapag pagpapalawak ng menu, habang ito ay naayos na bago ito nag-iingat gumagapang up sa susunod na bersyon, naayos ito oras na ito nang isang beses at para sa lahat!
  • Main button ngayon rotates isang buong 360deg sa pamamagitan ng default vs ang 180deg mula naunang bersyon
  • 26/11/2012 Changeset 3.5
  • Inayos ang isang isyu sa mga aparatong touch kung saan ang mga inline menu ay hindi nagpapakita sa lahat. Ang isang pagbabago sa nakaraang release sinira ito, naayos ngayon.
  • Naayos na ang pagpoposisyon ng submenu item kapag may mga 1 o 2 submenu item sa lahat. Ang mga item menu ay mananatiling bahagyang sakop ng ang pangunahing button.
  • Nakasisiguro na ang menu ay hindi makakuha ng nakatago sa pamamagitan ng aksidente, ibig sabihin ikaw end up ng pagpili sa menu sa iyong css kapag lumilikha tumutugon layout disenyo at hidding ito. Itinala ng ilang mga tema ng paggawa na ito, hindi dapat maging isang problema ngayon.
  • 19/11/2012 Changeset 3.4
  • Ang pag-click ang mga pindutan ay ngayon payagan ang sapat na oras para sa mga animation upang makumpleto bago pag-navigate sa destination url
  • Kapag ang menu ay naglo-load sa unang pagkakataon, nakita mo ito sa paggalaw dahil ito hides sa likod ng mga pangunahing button. Ito ay hindi sinasadya. Ngayon ito lamang ikinarga sa likod ng mga pangunahing panahon button.
  • Fixed inconsistencies sa papeles.
  • 22/10/2012 Changeset 3.3
  • Bagong dokumentasyon sa pdf format
  • Added suporta para sa pagtatakda ng url nang direkta kapag nagse-set ang mga item. Hindi na kailangang upang isulat ang anumang code para sa nabigasyon, hangga't iyong ibinigay ang url, navigation ay awtomatikong. Ginagawa pag-set up navigation medyo madali at hindi mano-manong ay nangangailangan ng pag-subscribe sa mga kaganapan kung ang isa ay nais na magbigay lamang navigation.
  • Added suporta para sa pagbubukas ng url sa bagong tab, default ay hindi totoo.
  • Inalis ang pangangailangan para sa pagtatakda ng mga icon url sa css. Maaari mo na ngayong i-setup ang buong menu sa javascript o gumawa ng mga bagay tulad ng dati. Magkakaroon ka na kumuha ng isang hitsura sa bagong babasahin.
  • Naunang bersyon nakalantad isang solong onSelecteditem na fired para sa anumang pindutan na-click. Ito ay isang dahilan para sa pagkalito tulad ng sa iyo pagkatapos ay had sa manwal i-filter ang mga pindutan ng interes. Para sakes ng kalinawan namin ngayon ilantad hiwalay na mga kaganapan sa halip:
    1. onMainButtonClick-apoy kapag ang pangunahing pindutan ay nag-click
    2. onParentButtonClick-apoy kapag ang isang magulang item ay na-click
    3. onBackButtonClick-apoy kapag ang back button ay na-click
    4. onItemButtonClick-apoy para sa isang pindutan ng menu item
  • Inayos ang isang hindi pagkakatugma sa mga awtomatikong paglawak ng menu sa page load.
  • Binago ang paraan id ay mga output sa pamamagitan ng bahagi. Ang pagbabagong ito masira pabalik na compatibility sa bersyong ito. Mga taong gumagamit ng css sa estilo ng mga pindutan, na kung saan ay din ang default sa mga nakaraang bersyon, ay nais na prefix ang menu id sa identifier menu button ie dati kung sila ay nagkaroon na ito:
     # Menuitem0 { background: url ( '../ images / photo.png') no-umuulit; } # Menuitem1 { background: url ( '../ images / people.png') no-umuulit; } 
    ngayon nito:
     # Menu1_menuitem0 { background: url ( '../ images / photo.png') no-umuulit; } # Menu1_menuitem1 { background: url ( '../ images / people.png') no-umuulit; } 
    kung saan menu1 ay ang id ng iyong menu.
  • Ang lalagyan elemento ay mayroon na ngayong isang default na laki na ay ang laki ng mga pangunahing button. Dati nang aming iwan ang responsibilidad na ito sa mga gumagamit ngunit ito ng mas maraming kuwarto para sa pagkalito at higit pa manual hakbang idinagdag sa gawin ang inlined menu kumilos bilang isa would asahan ito sa. Ito ngayon ay pagdederekta sa pamamagitan ng menu sa loob.
  • 2012/10/01 Changeset 3.2
  1. enableUrlHash ngayon false pamamagitan ng default. Upang magamit ang tampok kailangan mong manwal na itakda ito sa true eg {enableUrlHash: true} dumaan sa bilang isang opsyon sa menu constructor.
  2. Kapag pagpasa sa isang simpleng hanay ng mga string na halaga sa mga item property eg: {item: 'Menu 1', 'Menu 2', 'Menu 3'} vs ang magkano richer format, ang halaga ng parameter lumipas na ang onSelectedItem event handler naka-up null. Ito ay naayos ngayon.
  3. kapag ang isang menu item ay aktibo (ibig sabihin nag-click) na nagko-collapse ang mga item sa menu ang lahat ng sama-sama, pag-click sa dokumento muli lumalaki ang menu na may nag-click element hindi nagpapakita. menu ay hindi dapat palawakin at hindi rin dapat nag-click element maging nakatago. Ito ay isang bug dahil sa ang nag-click elemento na nakatago sa pamamagitan ng opacity. Ito ay naayos ngayon.
  4. Idinagdag default margin at padding sa pangunahing button. Ito ay upang matiyak na ang mga third party na css sa pahina ay hindi nakakaapekto sa menu.
  5. Added suporta para sa awtomatikong pagbubukas ng menu sa page load. Upang paganahin ang mayroon kang magtakda ng pinalawak: true
  6. Added suporta para sa awtomatikong collapsing sa menu pagkatapos awtomatikong ito ay pinalawak sa page load. Para sa mayroon kang upang itakda ang expandTimeout halaga sa bilang ng naghihintay milliseconds.
  7. Added suporta para sa mga label. Maaari mong paganahin ang tampok na ito sa pamamagitan ng pagdaragdag showLabel: true, at isang label ay ipapakita sa tabi ng icon. Ang label text ay ibinibigay sa pamamagitan ng pamagat ng ari-arian.
  • 8/15/2012 Changeset 3.1
  • -Ito Update halos lumulutas anumang IE8 at IE7 isyu. Ang isang listahan ng mga pag-aayos:
  • IE7 & IE8 compatibility pag-aayos:
    • kapag pag-click sa dokumento at mga elemento ay nasa isang pinalawak na estado, sila ay hindi nakakakuha ng gumuho. Ito ay naayos ngayon.
    • Ang lahat ng mga online na demo ginamit querySelector. Ito Pinaghihiwa sa IE8 (compatbility mode).
    • Nagdagdag ng polyfill para querySelector at [].forEach. Ito ay lamang na nakakaapekto sa online demo sa IE8. Nakapirming.
    • Nagdagdag ng polyfill para String.trim
    • Fixed ang paraan magtapon na may pasak sa IE8
  • Iba pang mga isyu:
    • Idinagdag high z-index support order para sa menu kapag sa inline mode.
    • Fixed andap sa CSS3 transition sa firefox, kung saan ang mga animation ay pabagu-bago at mabagal.
    • Nagdagdag ng isang nawawalang link sa papeles.
  • 2012/08/10 Changeset 3.0
  • Added suporta para sa pagpupugal sa menu sa Kaliwa Top Corner, Right Top Corner at Ibaba Right Corner. Dati nagkaroon kami ng suporta para sa mga lamang ang Bottom Kaliwa Corner. Ngayon sinusuportahan namin docking sa lahat ng 4 na sulok ng screen.
  • Docking ay ngayon maayos suportado sa android 4.0 ++ bilang ito ay sumusuporta sa css nakapirming posisyon ng mabuti. Dapat itong gumana nang katulad sa iOS 5 (kung i-report ito, salamat).
  • Added suporta para sa inlining sa menu.
  • Sinusuportahan namin ngayon 11 iba't ibang estilo ng pagtula ang mga menu:
    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
  • Added suporta para sa maramihang mga kaso ng menu
  • Added suporta para sa tekstuwal nilalaman sa mga pindutan.
  • Added suporta para sa masks imahe.
  • Pinalawak ang api at nakalantad bagong pamamaraan at mga katangian, partikular na mga maaari mong gamitin upang magdagdag ng mga item menu dynamic. Sanggunian ng mga babasahin para sa mga detalye. Bilang karagdagan din namin nagdagdag ng isang bagong demo lab upang ipakita ang higit pang mga kumplikadong sitwasyon, tulad ng pagdaragdag ng mga item menu sa runtime.
  • 2012/06/12 Changeset 1.9
  • Nakatakdang ng isang bug sa handheld aparato kung saan ang addressbar ay hindi bayad para sa. Ito nagresulta sa menu hindi paggawa ng anumang bagay sa panahon ng isang pindutin ang operasyon.
  • Nagdagdag ng default z-index upang matiyak na ang menu ay palaging sa itaas lahat ng iba pang mga elemento sa pahina kung saan ito matatagpuan.
  • 2012/05/19 chagneset 1.8
  1. Pinahusay ang curve
  2. Added suporta para sa pagsasara ng menu kapag pag-click sa dokumento. Ito ay para lamang sa desktop. On ugnay enable ang mga aparato mayroon kang upang gamitin ang close button.
  3. Added suporta para sa tooltip. Ito ay magagamit lamang sa mga desktop (non-touch pinagana aparato). tingnan ang dokumentasyon sa kung paano makakuha tooltip sa iyong mga item sa menu.
  4. onSelectedItem handler ngayon ay kinabibilangan ng mga nag-click ang mga item menu title pati na rin, na kung saan ay naipasa sa callbacks arguments.
  5. Media mga query. Maaari mo na ngayong pumasa sa isang listahan ng mga viewport lapad sa control hal: [{ 'minWidth': 640, 'maxWidth': 1024}] at ito ay render mismo kung ang kundisyong ito ay nasiyahan sa pamamagitan ng humihiling ng device / browser.
  6. Horizontal scrollbar kapal ay hindi bayad para sa kapag ang paglalagay ng menu sa ibabang kaliwang sulok ng viewport. Ito ay naayos ngayon.
  7. Karamihan pinakamalaking tampok pa bilang ito ay nai-nagtanong higit pang mga beses ay na namin ngayon ay may isang WordPress plugin (na isinumite para sa pagsusuri).
  • 2012/05/19 Changeset 1.8:
  1. Fixed positioning bug kung saan kung ikaw ay nagkaroon lamang ng isang solong menu item at may tamang curve itakda ito ay pa rin mananatiling nakatago sa likod ng main menu.
  2. Fixed sanggunian lamang (debug mode) element hierarchy generator kung saan ang isang dagdag na menu item ay kasama sa output.
  3. Nakatakdang ng isang bug na nakaapekto sa multi-navigation. Talaga kapag ikaw ay nagkaroon ng higit sa 1 sub antas sa higit sa 1 menu item, doon ay magiging isang mixup.
  4. Nakatakdang ng isang bug na nakaapekto sa unang menu item. kapag pag-click sa unang menu item hindi na ito ay masukat out kapag-scroll sa labas ng view tulad ng iba.
  5. Ngayon ang mga icon muling iposisyon ang kanilang mga sarili kapag-navigate mula sa isang Submenu sa isa pa. Ito ay nagpapahintulot sa mga icon upang mapanatili ang kanilang arc bilang mga item sa menu ay maaaring mag-iba sa bilang mula submenu sa submenu.
  • 5/15/2012 Paunawa: 1.8 (Malapit na)
  • 2012/04/28 Changeset: 1.7
  • Fixed maliit IE bugs.
  • Nagdagdag ng bagong mga online na demo na pahina at kasama sa pinagmulan pakete.
  • Added suporta para sa hash simbolo. Ngayon kung enableUrlHash ay totoo (false sa pamamagitan ng default), pagkatapos ay kapag nag-click ka sa isang menu item na ito ay utos ay makakuha nakadugtong sa url, tulad ng sa mga bagong online na demo.
  • 2012/04/26 Changeset: 1.6
  • Kapag submenu ni pinalawak na ang transition ay maalog. Nakapirming.
  • Opera mini nawala makinis na mga transition kapag kami-upgrade na sa 1.5. Ito ay naayos ngayon.
  • Ang icon ng back button na ginagamit ng isang arrow sa 1.5; Na ito ay hindi bang ipahiram sa kanyang sarili masyadong mahusay para sa mga epekto ng pag-ikot. Upang maitumbas para sa mga ito kami ay incremented ang pag-ikot, ngunit na ay hindi masyadong mabuti. Kami ngayon ay nabawasan ang pag-ikot pabalik sa kung paano ito ay at ay nagbago ang icon sa isang bagay magkano ang mas mahusay.
  • Dokumentado isang debug tampok na ay i-print out ang iyong mga menu istraktura sa gayon maaari mong makita kung ano ang iyong menu id ni hitsura upang mabawasan ang iyong mga pagsusumikap sa pag-unlad. Ito ay dokumentado sa walkthrough.
  • Na-update ang walkthrough.html file na natagpuan sa folder bahay upang dalhin sa bilis sa mga kamakailan-lamang na pagbabago.
  • Exposed isang bagong paraan toggleMainButton. Ito ay maaaring pinagsama sa toggleMenuExpansion method.
  • 2012/04/24 Changeset 1.5:
  • Sinusuportahan namin ngayon multi-level submenus.
  • api ay nananatiling pare-pareho sa mga nakaraang bersyon.
  • Idinagdag dokumentasyon para sa mga multi-level submenus. Ito ay bahagi ng iyong pag-download sa pahina ng walkthrough.
  • Ito ay talagang lubos na isang malaking pagbabago at ang codebase ay undergone ng isang bahagyang muling pagsulat. Enjoy!
  • 2012/04/17 Changeset 1.4
  • Fixed ugnay bug sa mga aparatong handheld
  • Nakapirming isang bug sa ang itapon ang paraan
  • -Ngayon tamang paglilinis ay nagaganap kapag ang menu ay itapon.
  • 2012/04/16 Changeset 1.3
  • Exposed set_curve (value) pampublikong paraan
  • Exposed snap () pampublikong paraan
  • Sa sumusunod na lokasyon ProjectPathMenu \ src \ com \ pathmenu \ bahay
  • Idinagdag-dagdag demo sa index.html na showcases ng pagtatakda ng curve pattern ng sub item sa menu.
  • -Nagdagdag Ng walkthrough tutorial, na ginagawang mas madali para sa mga end user.
  • -Nagdagdag Ng demo na pahina na kasama lamang ang menu pagbabawas pagkakataon para sa kaguluhan ng isip.
  • 2012/04/15 Baguhin itakda 1.2
  • Exposed pampublikong paraan: toggleMenuExpansion
  • Exposed pampublikong paraan: get_toggleState
  • Idinagdag code sample sa index file (katulad ng mga live na preview) upang ipakita kaso paano toggleMenuExpansion at get_toggleState maaaring gamitin.
  • Revamped ang halimbawa ng pahina ng isang maliit na may bagong banner fold para sa mga mobile device / desktop
  • 2012/04/14 Baguhin itakda 1.1: xxx

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

nilikha:
13 April 12

huling update:
29 May 13

Mga katugmang Mga Browser:
IE8, IE9, Firefox, Safari, Opera, Chrome

file Kasamang:
JavaScript JS, HTML, CSS

Keyword

eCommerce, eCommerce, Lahat ng bagay, android, CSS3 transition, nako-customize na, desktop, handheld, ipad, iphone, menu, mobile, navbar, nabigasyon, paikutin, padausdusin, tablet, wp7