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

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu gaya jalan

Ini adalah menu multi-level terinspirasi oleh Jalan 2.0 UI yang memiliki langit meroket aplikasi Jalan di toko App, membuktikan bahwa UI khas benar-benar dapat memberikan Anda tepi di pasar yang kompetitif dengan produk sejenis.

Ketika pengguna menekan atau mengklik tombol, item menu memperluas dan menempatkan diri di sekitar tombol utama membentuk busur, lingkaran, berbaris horizontal atau vertikal. Untuk menutup menu kebutuhan pengguna baik memilih salah satu pilihan yang disajikan atau tekan tombol utama lagi.

Jika beberapa tingkat bersarang, kemudian klik sub menu akan menghasilkan tombol kembali yang memungkinkan pengguna untuk kembali ke pilihan menu sebelumnya.




Perubahan log berikut:

  • 29/05/2013 changeset 3.7
  • Tetap menu gaya busur pada iOS di mana menu sangat gelisah ketika bergulir halaman. Sekarang gulungan bersama dengan halaman lancar.
  • Tetap inline bug menu di mana item menu keselarasan mendapat terdistorsi jika scrollbars hadir di halaman.
  • Ditambahkan pilihan baru untuk memungkinkan menghentikan menu yang diperluas dari runtuh saat mengklik dalam jendela dokumen.
  • Menu item bisa dilihat perjalanan dari tepi atas layar ke arah mana tombol utama duduk. Ini telah diperbaiki. Sekarang sebagai beban halaman semua yang Anda lihat adalah mainbutton itu. tombol Item memperluas dan dilihat setelah mengklik tombol utama.
  • 2013/09/01 changeset 3.6
  • Versi minified tidak bekerja dengan baik ketika mengatur ikon dimensi dan beberapa properti lain melalui JavaScript. Ini adalah tetap sekarang
  • Di Firefox, ada flicker ketika memperluas menu, sementara ini tetap sebelum itu terus merambat naik di versi, tetap kali ini sekali dan untuk semua!
  • Tombol utama sekarang berputar 360deg penuh secara default vs 180deg dari versi sebelumnya
  • 26/11/2012 changeset 3.5
  • Memperbaiki masalah pada perangkat sentuh di mana menu inline tidak menunjukkan sama sekali. Perubahan dalam rilis sebelumnya pecah ini, tetap sekarang.
  • Tetap posisi item submenu ketika ada 1 atau 2 submenu item dalam semua. Item menu akan tetap sebagian tertutup oleh tombol utama.
  • Memastikan bahwa menu tidak bisa disembunyikan oleh kecelakaan, yaitu Anda akhirnya memilih menu di css Anda saat membuat layout desain responsif dan hidding itu. Mencatat beberapa tema melakukan hal ini, seharusnya tidak menjadi masalah sekarang.
  • 19/11/2012 changeset 3.4
  • Mengklik tombol akan sekarang memungkinkan cukup waktu untuk animasi untuk menyelesaikan sebelum menavigasi ke url tujuan
  • Ketika menu beban pertama kalinya, Anda melihatnya dalam gerakan seperti itu bersembunyi di balik tombol utama. Ini adalah tidak disengaja. Sekarang hanya beban di belakang periode tombol utama.
  • inkonsistensi tetap dalam dokumentasi.
  • 22/10/2012 changeset 3.3
  • dokumentasi baru dalam format pdf
  • Ditambahkan dukungan untuk menetapkan url langsung saat menetapkan item. Tidak perlu menulis kode apapun untuk navigasi, selama Anda berikan url, navigasi otomatis. Hal ini membuat pengaturan navigasi cukup mudah dan tidak memerlukan manual berlangganan peristiwa jika seseorang ingin hanya menyediakan navigasi.
  • Ditambahkan dukungan untuk membuka url di tab baru, default adalah palsu.
  • Dihapus persyaratan untuk menetapkan ikon url di css. Anda sekarang dapat setup seluruh menu di javascript atau melakukan hal-hal seperti sebelumnya. Anda harus melihat pada dokumentasi baru.
  • Versi sebelumnya terkena onSelecteditem tunggal yang dipecat karena tombol apapun diklik. Ini adalah penyebab kebingungan Anda kemudian harus secara manual menyaring tombol bunga. Demi kejelasan kita sekarang mengekspos peristiwa terpisah sebagai gantinya:
    1. onMainButtonClick-kebakaran ketika tombol utama diklik
    2. onParentButtonClick-kebakaran ketika item induk diklik
    3. onBackButtonClick-kebakaran ketika tombol kembali diklik
    4. onItemButtonClick-kebakaran untuk tombol menu
  • Tetap inkonsistensi dengan ekspansi otomatis menu di buka halaman.
  • Mengubah cara id yang output dengan komponen. Perubahan ini istirahat kompatibilitas dalam versi ini. Orang yang menggunakan css untuk gaya tombol, yang juga default di versi sebelumnya, akan ingin awalan menu id dengan tombol menu pengenal yaitu sebelumnya jika mereka punya ini:
     # Menuitem0 { background: url ( 'gambar../ / photo.png') no-repeat; } # Menuitem1 { background: url ( 'gambar../ / people.png') no-repeat; } 
    sekarang yang:
     # Menu1_menuitem0 { background: url ( 'gambar../ / photo.png') no-repeat; } # Menu1_menuitem1 { background: url ( 'gambar../ / people.png') no-repeat; } 
    mana menu1 adalah id dari menu Anda.
  • Elemen kontainer sekarang memiliki ukuran standar yang ukuran tombol utama. Sebelumnya kami meninggalkan tanggung jawab ini pada pengguna tetapi ini ditambahkan lebih banyak ruang untuk kebingungan dan langkah-langkah lebih manual untuk membuat menu berperilaku inline sebagai salah satu harapkan untuk. Ini sekarang ditangani oleh menu internal.
  • 2012/10/01 changeset 3.2
  1. enableUrlHash sekarang palsu secara default. Untuk menggunakan fitur ini anda harus secara manual mengaturnya untuk benar misalnya {enableUrlHash: true} berlalu dalam sebagai pilihan untuk konstruktor menu.
  2. Ketika melewati set sederhana nilai string ke misalnya item properti: {item: 'Menu 1', 'Menu 2', 'Menu 3'} vs format jauh lebih kaya, parameter nilai yang dikirimkan ke event handler onSelectedItem muncul nol. Ini adalah tetap sekarang.
  3. ketika item menu aktif (yaitu diklik) yang runtuh item menu semua bersama-sama, klik ke dalam dokumen lagi memperluas menu dengan elemen diklik tidak menunjukkan. Menu tidak memperluas atau harus elemen diklik menjadi tersembunyi. Ini adalah bug karena elemen diklik yang tersembunyi melalui opacity. Ini tetap sekarang.
  4. Ditambahkan marjin default dan padding di tombol utama. Hal ini untuk memastikan bahwa css pihak ketiga di halaman tidak mempengaruhi menu.
  5. Ditambahkan dukungan untuk secara otomatis membuka menu pada beban halaman. Untuk mengaktifkan ini Anda harus mengatur diperluas: true
  6. Ditambahkan dukungan untuk secara otomatis runtuh menu setelah itu secara otomatis diperluas pada beban halaman. Untuk ini, Anda harus mengatur nilai expandTimeout untuk jumlah milidetik menunggu.
  7. Ditambahkan dukungan untuk label. Anda dapat mengaktifkan fitur ini dengan menambahkan showLabel: true, dan label ditampilkan di samping ikon. Teks label dipasok melalui properti judul.
  • 2012/08/15 changeset 3.1
  • Pembaruan -Ini sebagian menyelesaikan setiap ie8 dan IE7 masalah. Daftar perbaikan:
  • IE7 & IE8 perbaikan kompatibilitas:
    • saat mengklik dalam dokumen dan elemen yang dalam keadaan terbentang, mereka tidak mendapatkan runtuh. Ini adalah tetap sekarang.
    • Semua demo online yang digunakan querySelector. Ini istirahat di IE8 (modus compatbility).
    • Ditambahkan polyfill untuk querySelector dan [] Foreach. Ini hanya mempengaruhi demo online di IE8. Tetap.
    • Ditambahkan polyfill untuk String.trim
    • Tetap metode buang yang tersendat di ie8
  • Masalah lain:
    • Ditambahkan z-index dukungan agar tinggi untuk menu ketika pada mode inline.
    • flicker tetap dalam CSS3 transisi pada firefox, di mana animasi yang berombak dan lambat.
    • Ditambahkan link yang hilang dalam dokumentasi.
  • 2012/08/10 changeset 3.0
  • Ditambahkan dukungan untuk docking menu di Kiri Atas Pojok, Kanan Top Corner dan Right Corner Bawah. Sebelumnya kami memiliki dukungan untuk hanya Kiri Bawah Corner. Sekarang kita mendukung docking di semua 4 sudut layar.
  • Docking sekarang benar didukung di android 4.0 ++ karena mendukung css posisi tetap baik. Harus bekerja sama di iOS 5 (jika tidak melaporkannya, terima kasih).
  • Ditambahkan dukungan untuk inlining menu.
  • Kami sekarang mendukung 11 gaya yang berbeda dari meletakkan 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
  • Ditambahkan dukungan untuk beberapa contoh dari menu
  • Ditambahkan dukungan untuk konten tekstual di tombol.
  • Ditambahkan dukungan untuk masker gambar.
  • Diperpanjang api dan terkena metode baru dan properti, khususnya yang dapat Anda gunakan untuk menambahkan item menu dinamis. Referensi dokumentasi untuk rincian. Selain itu kami juga telah menambahkan demo lab baru untuk menampilkan skenario yang lebih kompleks, seperti menambahkan item menu saat runtime.
  • 2012/06/12 changeset 1,9
  • Fixed bug dalam perangkat genggam di mana addressbar itu tidak dikompensasi. Hal ini mengakibatkan menu tidak melakukan apa-apa selama operasi sentuh.
  • Ditambahkan default z-index untuk memastikan bahwa menu selalu di atas semua elemen lain di halaman di mana ia berada.
  • 2012/05/19 chagneset 1.8
  1. Ditingkatkan kurva
  2. Ditambahkan dukungan untuk menu penutup ketika mengklik ke dalam dokumen. Ini hanya untuk desktop. Pada perangkat sentuh diaktifkan Anda harus menggunakan tombol tutup.
  3. Ditambahkan dukungan untuk tooltips. Ini hanya tersedia pada desktop (non-sentuh diaktifkan perangkat). periksa dokumentasi tentang cara untuk mendapatkan tooltip pada item menu Anda.
  4. handler onSelectedItem sekarang termasuk diklik item menu judul juga, yang disahkan pada argumen callback.
  5. Media query. Anda sekarang dapat melewati daftar lebar viewport untuk kontrol misalnya: [{ 'MinWidth': 640, 'MaxWidth': 1024}] dan itu akan membuat dirinya sendiri jika kondisi ini dipenuhi oleh meminta perangkat / browser.
  6. Ketebalan scrollbar horisontal tidak dikompensasi ketika menempatkan menu di sudut kiri bawah viewport. Ini adalah tetap sekarang.
  7. Kebanyakan fitur terbesar belum seperti yang telah diminta lebih kali adalah bahwa kita sekarang memiliki sebuah plugin wordpress (sudah dikirim untuk ditinjau).
  • 2012/05/19 changeset 1.8:
  1. Tetap bug posisi di mana jika Anda hanya memiliki item menu tunggal dan dengan kurva yang tepat mengaturnya masih akan tetap tersembunyi di balik menu utama.
  2. referensi tetap saja (mode debug) Generator hirarki elemen mana item menu tambahan termasuk dalam output.
  3. Fixed bug yang mempengaruhi multi-navigasi. Pada dasarnya ketika Anda memiliki lebih dari 1 sub level pada lebih dari 1 item menu, akan ada mixup.
  4. Fixed bug yang mempengaruhi item menu pertama. ketika mengklik item menu pertama itu tidak akan skala ketika bergulir keluar dari pandangan seperti yang lain.
  5. Sekarang ikon memposisikan diri saat menavigasi dari satu submenu yang lain. Hal ini memungkinkan ikon untuk mempertahankan busur mereka sebagai item menu dapat bervariasi jumlahnya dari submenu ke submenu.
  • 2012/05/15 Pemberitahuan: 1.8 (Segera)
  • 2012/04/28 changeset: 1.7
  • Tetap bug IE kecil.
  • Ditambahkan halaman demo online baru dan termasuk dengan paket source.
  • Ditambahkan dukungan untuk simbol hash. Sekarang jika enableUrlHash benar (palsu secara default), maka ketika Anda mengklik pada item menu itu perintah akan mendapatkan ditambahkan di url, seperti di demo online baru.
  • 2012/04/26 changeset: 1.6
  • Ketika submenu diperluas transisi adalah dendeng. Tetap.
  • Opera mini hilang transisi halus ketika kita upgrade ke 1.5. Ini adalah tetap sekarang.
  • Ikon tombol kembali digunakan panah di 1,5; Ini tidak meminjamkan dirinya terlalu baik untuk efek rotasi. Untuk mengkompensasi hal ini kami telah bertambah rotasi, tapi itu tidak terlalu baik. Kami sekarang menurun rotasi kembali ke bagaimana itu dan mengubah ikon untuk sesuatu yang jauh lebih baik.
  • Mendokumentasikan fitur debug yang akan mencetak struktur menu Anda sehingga Anda dapat melihat apa menu Anda id terlihat seperti untuk memudahkan upaya pengembangan Anda. Hal ini didokumentasikan dalam walkthrough.
  • Updated file walkthrough.html ditemukan di folder rumah untuk membawa untuk mempercepat dengan perubahan terbaru.
  • Terkena metode baru toggleMainButton. Hal ini dapat dikombinasikan dengan metode toggleMenuExpansion.
  • 2012/04/24 changeset 1.5:
  • Kami sekarang mendukung multi-level submenu.
  • api tetap konsisten dengan versi sebelumnya.
  • dokumentasi ditambahkan untuk multi-level submenu. Itu bagian dari download di halaman walkthrough.
  • Ini sebenarnya cukup perubahan besar dan basis kode telah mengalami penulisan ulang parsial. Menikmati!
  • 2012/04/17 changeset 1.4
  • Sentuhan Fixed bug pada perangkat genggam
  • Fixed bug dalam metode buang
  • -sekarang pembersihan yang tepat berlangsung saat menu tersebut dijual.
  • 2012/04/16 changeset 1.3
  • Terkena set_curve (value) metode umum
  • Terkena sekejap () metode umum
  • Di lokasi berikut ProjectPathMenu \ src \ com \ pathmenu \ rumah
  • -Ditambahkan Demo ekstra dalam index.html yang menampilkan pengaturan pola kurva item menu sub.
  • -Ditambahkan Tutorial walkthrough, sehingga lebih mudah bagi pengguna akhir.
  • -Ditambahkan Halaman demo yang hanya mencakup menu mengurangi peluang untuk gangguan.
  • 2012/04/15 Perubahan ditetapkan 1,2
  • metode umum terkena: toggleMenuExpansion
  • metode umum terkena: get_toggleState
  • Ditambahkan sampel kode dalam file indeks (sama dengan live preview) untuk menunjukkan kasus bagaimana toggleMenuExpansion dan get_toggleState dapat digunakan.
  • Dirubah halaman sampel kecil dengan lipatan spanduk baru untuk perangkat / desktop ponsel
  • 2012/04/14 Perubahan mengatur 1.1: xxx

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

dibuat:
13 April 12

Pembaharuan Terakhir:
29 Mei 13

Browser yang kompatibel:
IE8, IE9, Firefox, Safari, Opera, Chrome

file Termasuk:
JavaScript JS, HTML, CSS

Kata kunci

eCommerce, eCommerce, Semua barang, android, transisi CSS3, disesuaikan, Desktop, genggam, ipad, iphone, menu, mobil, navbar, navigasi, memutar, meluncur, tablet, WP7