Menu Drop-Down 30+ Skrip yang Berguna untuk Meningkatkan Navigasi Header
Menu drop down (juga dikenal sebagai menu pull-down) sangat penting dalam sebagian besar desain web. Ini memainkan peran penting dalam pembuatan situs web yang efektif dan ramah pengguna. Ini adalah solusi yang bagus untuk memangkas menu panjang yang melebihi ruang layar, membuatnya ditampilkan dalam pola kategori-sub kategori yang lebih teratur.
Dalam artikel ini, kami ingin menunjukkan kepada Anda beberapa skrip menu drop-down terbaik kita jadi tahu. Menu tarik-turun ini bervariasi mulai dari CSS hanya, CSS & Javascripts dan menu yang akan berfungsi dengan seperti perpustakaan Javascript Anda saat ini jQuery, Mootools dan Prototipe. Daftar lengkap setelah lompat.
Berikut adalah beberapa artikel terkait yang kami pikir Anda mungkin tertarik:
- Membangun Tabel HTML
- Kit Pemula untuk Desainer Web
- Script navigasi Berbasis Tab CSS
CSS (Hanya)
Jika Anda khawatir tentang Javascript yang dinonaktifkan pada browser klien, menu drop-down css-only ini tidak akan mengecewakan Anda.
Kerangka Menu Drop-Down CSS. Judul mengatakan itu semua. Ini sebuah kerangka kerja, dirilis di bawah Lisensi Publik Umum GNU. Kompatibel dengan browser lintas, ringan dan mudah ditransformasikan untuk meniru banyak menu drop down yang ada di luar sana. Misalnya Flickr, Adobe, dan MTV.com.
Hanya menu drop-down CSS utama
Menu Drop-Down CSS Express. Membantu Anda menghasilkan menu drop-down CSS cepat (ekspres) tanpa beberapa batasan yang ditemukan di beberapa menu CSS "murni" lainnya.
CSS + Javascripts
Dengan bantuan Javascript, menu drop down lebih interaktif atau setidaknya mereka mendapatkan beberapa animasi halus yang meningkatkan pengalaman pengguna. CSS di sisi lain, pastikan tampilan dan nuansa mudah disesuaikan.
Menu Navigasi Semua Level (v2.2). Menu berbasis daftar CSS / HTML dengan dukungan tingkat sub menu yang tak terbatas. Ringan dan mudah diimplementasikan.
Drop Down Tabs (5 gaya). Drop Down Tabs adalah menu tab CSS horizontal yang mendukung menu drop down level kedua untuk setiap tabnya. Hadir dalam 5 gaya berbeda.
Menu Drop-down Chrome CSS. Menu Chrome adalah menu tarik turun CSS dan JavaScript hybrid. Sangat mudah untuk mengkonfigurasi dan ramah mesin pencari. Bilah menu utama terdiri dari daftar CSS, sedangkan menu drop-down hanyalah tag DIV biasa pada halaman.
jQuerys
Jika Anda telah mengimplementasikan jQuery Javascript Library di situs Anda, berikut adalah beberapa menu drop-down berbasis jQuery yang sangat keren yang harus Anda ketahui.
Menu Navigasi yang Halus . Smooth Navigation Menu adalah multi level, menu berbasis daftar CSS yang ditenagai menggunakan jQuery yang membuat navigasi situs web menjadi lancar. Ini satu lagi yang serupa - Menu jQuery Multi Level CSS.
Ikan super. Superfish adalah plugin menu jQuery gaya Suckerfish yang disempurnakan yang mengambil menu drop-down CSS murni yang ada (sehingga terdegradasi dengan anggun tanpa JavaScript). [Demo | Unduh]
Menu Drop-Down Mega. Menu tarik-turun yang menampung lebih dari sekadar baris tautan baru. Ini juga membuat tautan grup dan membuat nagivasi menjadi lebih mudah! [Demo]
Mootools
Menu drop-down JavaScript menggunakan Mootools. Cara mudah dan tidak mencolok untuk membuat menu drop down dengan Mootools 1.2. [Demo | Unduh]
Menu Dropdown UvumiTools. Menu multi-level sederhana yang dibangun dari daftar tidak teratur HTML, menggunakan Mootools Javascript Framework.
Menu Drop-down Mootool Tidak Ganggu
Mimics
Merancang Header Digg. Tutorial langkah demi langkah tentang cara membuat menu tarik turun yang benar-benar terlihat seperti Digg. [Demo | Unduh]
Lain-lain.
izzyMenu. Buat menu CSS yang terlihat profesional untuk situs web Anda secara online, tanpa menulis satu baris kode atau cukup gunakan beberapa yang sudah jadi.
Menu PureCSS. Generator Menu Drop CSS Gratis
