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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu gaya jalan

Ini adalah menu pelbagai peringkat diilhamkan oleh jalan 2,0 UI yang mempunyai langit meroket permohonan jalan di kedai App, membuktikan bahawa UI tersendiri benar-benar boleh memberikan anda kelebihan dalam pasaran yang kompetitif dengan produk yang sama.

Apabila menekan pengguna atau klik butang, menu berkembang dan meletakkan diri mereka di sekitar butang utama membentuk arka, bulatan, beratur mendatar atau menegak. Untuk menutup menu pengguna perlu memuat memilih salah satu daripada pilihan yang dibentangkan atau tekan butang utama lagi.

Jika berbilang peringkat yang bersarang, kemudian klik menu sub akan menghasilkan butang belakang yang membolehkan pengguna untuk kembali kepada pemilihan menu sebelumnya.




Perubahan log berikut:

  • 29/05/2013 changeset 3.7
  • Tetap menu gaya arc pada IOS di mana menu itu gelisah apabila menatal halaman. Kini ia skrol bersama-sama dengan halaman dengan lancar.
  • Tetap menu bug sebaris di mana jajaran item menu tidak perlu lagi diputarbelitkan jika scrollbar terdapat di dalam halaman.
  • Ditambah satu pilihan baru untuk membolehkan berhenti menu yang diperluaskan daripada runtuh apabila mengklik dalam tetingkap dokumen itu.
  • Item-item menu boleh dilihat dalam perjalanan dari tepi atas skrin ke arah mana butang utama duduk. Ini telah ditetapkan. Sekarang sebagai beban halaman semua yang anda lihat adalah mainbutton itu. butang Item berkembang dan hanya kelihatan selepas mengklik butang utama.
  • 2013/09/01 changeset 3.6
  • Versi minified tidak berfungsi dengan baik apabila menetapkan dimensi ikon dan beberapa ciri-ciri yang lain melalui JavaScript. Ini tetap sekarang
  • Dalam Firefox, terdapat kerlipan yang apabila berkembang menu, selama ini telah ditetapkan sebelum ia disimpan menjalar dalam versi kemudian, tetap ia kali ini sekali dan untuk semua!
  • butang utama sekarang putar 360deg penuh secara lalai vs 180deg dari versi terdahulu
  • 26/11/2012 Changeset 3.5
  • Tetap satu isu pada peranti sentuh mana menu sebaris tidak menunjukkan sama sekali. Perubahan dalam siaran sebelumnya berlaku ini, tetap sekarang.
  • Tetap kedudukan perkara submenu apabila terdapat 1 atau 2 perkara submenu di dalam semua. Item-item menu akan kekal sebahagiannya ditutup dengan butang utama.
  • Memastikan bahawa menu tidak mendapat disembunyikan oleh kemalangan, iaitu anda akhirnya memilih menu di css anda apabila membuat susun atur reka bentuk responsif dan hidding ia. Diperhatikan beberapa tema melakukan ini, tidak sepatutnya menjadi masalah sekarang.
  • 19/11/2012 Changeset 3.4
  • Mengklik butang akan kini membenarkan masa yang cukup untuk animasi untuk melengkapkan sebelum menavigasi ke url destinasi
  • Apabila menu memuatkan kali pertama, anda melihatnya dalam gerakan kerana ia menyembunyikan di belakang butang utama. Ini adalah tidak disengajakan. Kini ia hanya memuatkan sebalik tempoh butang utama.
  • tidak konsisten tetap dalam dokumentasi.
  • 22/10/2012 Changeset 3.3
  • dokumentasi baru dalam format pdf
  • Sokongan tambahan untuk menetapkan url langsung apabila menetapkan item. Tidak perlu menulis apa-apa kod untuk navigasi, selagi anda berikan url, navigasi automatik. Ini menjadikan menubuhkan navigasi agak mudah dan tidak memerlukan manual melanggan acara jika ada yang mahu hanya menyediakan navigasi.
  • Sokongan tambahan untuk membuka url dalam tab baru, lalai adalah palsu.
  • Buang keperluan untuk menetapkan ikon url dalam css. Anda kini boleh setup keseluruhan menu di javascript atau melakukan perkara-perkara seperti sebelum ini. Anda akan perlu untuk mengambil lihat dokumentasi yang baru.
  • Versi terdahulu terdedah onSelecteditem tunggal yang dipecat kerana sebarang butang diklik. Ini adalah punca kekeliruan anda kemudian terpaksa menapis butang kepentingan secara manual. Untuk keselamatan kejelasan kita kini mendedahkan peristiwa berasingan sebaliknya:
    1. onMainButtonClick-api apabila butang utama diklik
    2. onParentButtonClick-api apabila item induk diklik
    3. onBackButtonClick-api apabila butang belakang diklik
    4. onItemButtonClick-api untuk butang item menu
  • Tetap sesuatu yang tidak konsisten dengan pengembangan automatik menu di beban halaman.
  • Mengubah cara id ini adalah output oleh komponen. Perubahan ini memecahkan keserasian ke belakang dalam versi ini. Orang yang menggunakan css untuk gaya butang, yang juga lalai dalam versi sebelumnya, akan mahu untuk awalan id menu dengan pengecam butang menu iaitu sebelum ini jika mereka mempunyai ini:
     # Menuitem0 { background: url ( 'imej../ / photo.png') no-repeat; } # Menuitem1 { background: url ( 'imej../ / people.png') no-repeat; } 
    kini yang:
     # Menu1_menuitem0 { background: url ( 'imej../ / photo.png') no-repeat; } # Menu1_menuitem1 { background: url ( 'imej../ / people.png') no-repeat; } 
    mana menu1 adalah id menu anda.
  • Elemen bekas kini mempunyai saiz lalai iaitu saiz butang utama. Sebelum kita meninggalkan tanggungjawab ini pada pengguna tetapi ini menambah lebih banyak ruang untuk kekeliruan dan langkah yang lebih manual untuk membuat menu berkelakuan yang Inlined sebagai salah satu akan mengharapkan ia. Ini kini dikendalikan oleh menu dalaman.
  • 10/01/2012 Changeset 3.2
  1. enableUrlHash kini palsu secara lalai. Untuk menggunakan ciri ini, anda perlu untuk menetapkan secara manual kepada benar contohnya {enableUrlHash: benar} yang diberikan sebagai pilihan untuk pembina menu.
  2. Apabila lulus set yang mudah untuk nilai rentetan kepada contoh barangan harta: {item-item: 'Menu 1', 'Menu 2', 'Menu 3'} vs format yang lebih kaya, parameter nilai diserahkan kepada pengendali peristiwa yang onSelectedItem hadir null. Ini tetap sekarang.
  3. apabila item menu aktif (iaitu diklik) yang runtuh perkara menu semua bersama-sama, mengklik ke dalam dokumen itu lagi mengembang menu dengan unsur diklik tidak menunjukkan. Menu tidak perlu memperluaskan janganlah unsur diklik menjadi tersembunyi. Ini adalah bug yang disebabkan oleh unsur diklik yang tersembunyi melalui kelegapan. Ia tetap sekarang.
  4. Ditambah margin lalai dan padding pada butang utama. Ini adalah untuk memastikan bahawa css pihak ketiga di halaman yang tidak memberi kesan kepada menu.
  5. Sokongan tambahan untuk secara automatik membuka menu pada beban halaman. Untuk membolehkan ini anda perlu menetapkan expanded: benar
  6. Sokongan tambahan untuk secara automatik runtuh menu selepas ia telah diperluaskan secara automatik pada beban halaman. Untuk ini, anda perlu menetapkan nilai expandTimeout ke nombor yang milisaat menunggu.
  7. Sokongan tambahan untuk label. Anda boleh mendayakan ciri ini dengan menambah showLabel: benar, dan label yang dipaparkan bersama ikon. Teks label dibekalkan melalui harta tajuk.
  • 2012/08/15 Changeset 3.1
  • maklumat -Ini kebanyakannya menyelesaikan sebarang isu-isu ie8 dan ie7. Senarai pembaikan:
  • IE7 & IE8 perbaikan keserasian:
    • apabila mengklik dalam dokumen itu dan unsur-unsur adalah dalam keadaan yang dikembangkan, mereka tidak mendapat runtuh. Ini tetap sekarang.
    • Semua demo dalam talian yang digunakan querySelector. Ini pecah dalam ie8 (mod compatbility).
    • Ditambah polyfill untuk querySelector dan [].forEach. Ini hanya mempengaruhi demo talian dalam ie8. Tetap.
    • Ditambah polyfill untuk String.trim
    • Tetap kaedah melupuskan yang tercekik dalam ie8
  • Isu-isu lain:
    • Ditambah z-index sokongan perintah tinggi untuk menu apabila mod sebaris.
    • kerlipan tetap dalam peralihan CSS3 pada firefox, di mana animasi tidak menentu dan perlahan.
    • Ditambah link yang hilang dalam dokumentasi.
  • 2012/08/10 Changeset 3.0
  • Sokongan tambahan untuk berlabuh menu di Kiri Top Corner, Right Top Corner dan Bawah Corner. Sebelum ini kita mempunyai sokongan untuk hanya Bawah Corner. Sekarang kita menyokong dok dalam semua 4 penjuru skrin.
  • Dok kini betul disokong dalam android 4.0 ++ kerana ia menyokong css kedudukan tetap baik. Ia harus bekerja sama dalam iOS 5 (jika tidak melaporkannya, terima kasih).
  • Sokongan tambahan untuk penyebarisan menu.
  • Kami kini menyokong 11 gaya yang berbeza dari atur 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
  • Sokongan tambahan untuk beberapa contoh menu
  • Sokongan tambahan untuk kandungan teks dalam butang.
  • Sokongan tambahan untuk topeng imej.
  • Extended api dan mendedahkan kaedah baru dan sifat-sifat, khususnya orang-orang yang anda boleh gunakan untuk menambah item menu dinamik. Rujukan dokumentasi untuk maklumat lanjut. Di samping itu kami juga telah menambah demo makmal baru untuk mempamerkan senario yang lebih kompleks, seperti menambah item menu di runtime.
  • 2012/06/12 Changeset 1.9
  • Tetap bug dalam peranti pegang tangan di mana addressbar itu tidak pampasan. Ini menyebabkan menu tidak melakukan apa-apa semasa operasi sentuh.
  • Ditambah perintah z-index lalai untuk memastikan bahawa menu sentiasa di atas semua unsur-unsur lain pada halaman di mana ia tinggal.
  • 2012/05/19 chagneset 1.8
  1. Dipertingkatkan keluk
  2. Sokongan tambahan untuk menu menutup apabila mengklik ke dalam dokumen itu. Ini hanya untuk desktop. Pada peranti sentuhan membolehkan anda perlu menggunakan butang rapat.
  3. Sokongan tambahan untuk petua. Ini hanya terdapat pada desktop (peranti bukan sentuhan membolehkan). semak dokumentasi mengenai bagaimana untuk mendapatkan petua alat pada menu anda.
  4. pengendali onSelectedItem kini termasuk diklik tajuk item menu juga, yang diluluskan di panggilan balas hujah.
  5. Media pertanyaan. Anda kini boleh lulus senarai lebar viewport untuk contohnya kawalan: [{ 'minWidth': 640, 'maxWidth': 1024}] dan ia akan menyebabkan dirinya jika syarat ini dipenuhi dengan peranti / pelayar meminta.
  6. ketebalan scrollbar mendatar tidak pampasan apabila meletakkan menu di sudut kiri bawah viewport. Ini tetap sekarang.
  7. Kebanyakan ciri terbesar lagi kerana ia telah diminta kali lagi adalah bahawa kita kini mempunyai plugin wordpress (sudah dihantar untuk semakan).
  • 2012/05/19 Changeset 1.8:
  1. pemposisian tetap bug di mana jika anda hanya mempunyai item menu tunggal dan dengan menetapkan keluk yang betul ia masih akan tetap tersembunyi di belakang menu utama.
  2. rujukan tetap sahaja (mod debug) penjana unsur hierarki di mana item menu tambahan telah dimasukkan dalam keluaran.
  3. Tetap bug yang menjejaskan pelbagai navigasi. Pada asasnya apabila anda mempunyai lebih daripada 1 tahap sub pada lebih daripada 1 item menu, akan ada Mixup a.
  4. Tetap bug yang terjejas item menu yang pertama. apabila mengklik item menu pertama ia tidak akan skala apabila menatal daripada pandangan seperti yang lain.
  5. Sekarang ikon mengubah semula diri mereka apabila menavigasi dari satu submenu yang lain. Ini membolehkan ikon untuk mengekalkan arka mereka sebagai perkara menu boleh berbeza dari segi nombor dari submenu untuk submenu.
  • 2012/05/15 Notis: 1.8 (Akan datang)
  • 2012/04/28 Changeset: 1.7
  • Tetap pepijat IE kecil.
  • Ditambah halaman demo talian yang baru dan termasuk dengan pakej sumber.
  • Sokongan tambahan untuk simbol hash. Sekarang jika enableUrlHash adalah benar (palsu secara lalai), maka apabila anda klik pada item menu itu arahan akan mendapat dilampirkan dalam url, seperti dalam demo dalam talian yang baru.
  • 2012/04/26 Changeset: 1.6
  • Apabila submenu berkembang peralihan itu tersentak-sentak. Tetap.
  • Opera mini hilang peralihan yang lancar apabila kita dinaik taraf kepada 1.5. Ini tetap sekarang.
  • Ikon butang belakang digunakan anak panah dalam 1.5; Ini tidak meminjamkan sendiri terlalu baik untuk kesan putaran. Untuk mengimbangi ini kita telah incremented putaran, tetapi yang tidak terlalu baik. Kami kini menurun putaran kembali kepada bagaimana ia dan menukar ikon untuk sesuatu yang lebih baik.
  • Didokumenkan ciri debug yang akan mencetak struktur menu anda supaya anda boleh melihat apa menu anda id kelihatan suka untuk memudahkan usaha-usaha pembangunan anda. Ini didokumenkan dalam Walkthrough.
  • Kemaskini fail walkthrough.html yang terdapat dalam folder utama untuk membawa kelajuan dengan perubahan baru-baru ini.
  • Terdedah satu kaedah baru toggleMainButton. Ini boleh digabungkan dengan kaedah toggleMenuExpansion itu.
  • 2012/04/24 changeset 1.5:
  • Kami kini menyokong pelbagai peringkat submenu.
  • api yang kekal konsisten dengan versi sebelumnya.
  • dokumentasi tambahan untuk pelbagai peringkat submenu. Ia adalah sebahagian daripada muat turun anda dalam halaman Walkthrough.
  • Ini sebenarnya agak perubahan besar dan pangkalan kod yang telah melalui penulisan ulang separa. Nikmati!
  • 2012/04/17 Changeset 1.4
  • bug sentuhan tetap pada peranti pegang tangan
  • Tetap bug dalam kaedah melupuskan
  • -Sekarang pembersihan yang betul sedang berlaku apabila menu itu diputuskan.
  • 2012/04/16 Changeset 1.3
  • set_curve Terdedah (value) kaedah awam
  • snap Terdedah () kaedah awam
  • Di lokasi berikut ProjectPathMenu \ src \ com \ pathmenu \ rumah
  • -Added Demo tambahan dalam index.html yang mempamerkan menetapkan corak keluk satu perkara menu sub.
  • -Added Tutorial Walkthrough, menjadikannya lebih mudah bagi pengguna akhir.
  • -Added Halaman demo yang hanya termasuk menu mengurangkan peluang untuk gangguan.
  • 2012/04/15 Tukar set 1.2
  • kaedah awam Terdedah: toggleMenuExpansion
  • kaedah awam Terdedah: get_toggleState
  • Ditambah sampel kod dalam fail indeks (sama seperti pratonton hidup) untuk menunjukkan kes bagaimana toggleMenuExpansion dan get_toggleState boleh digunakan.
  • Diubahsuai halaman sampel yang sedikit dengan banner kali ganda baru untuk peranti / desktop mudah alih
  • 2012/04/14 Tukar menetapkan 1.1: xxx

Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

dicipta:
13 April 12

Kemaskini terakhir:
29 Mei 13

Pelayar Sesuai:
IE8, IE9, Firefox, Safari, Opera, Chrome

fail Termasuk:
JavaScript JS, HTML, CSS

Kata kunci

eCommerce, eCommerce, semua Item, android, peralihan CSS3, disesuaikan, desktop, pegang tangan, ipad, iphone, menu, mudah alih, navbar, navigasi, berputar, gelongsor, tablet, WP7