Laman » Grafik » Menu Drop-Down 30+ Skrip berguna untuk Meningkatkan Navigasi Header

    Menu Drop-Down 30+ Skrip berguna untuk Meningkatkan Navigasi Header

    Menu jatuh turun (juga dikenali sebagai menu tarik turun) adalah penting dalam kebanyakan reka bentuk web. Ia memainkan peranan penting dalam mewujudkan laman web yang berkesan dan mesra pengguna. Ini adalah penyelesaian yang baik untuk memangkas menu panjang yang mengagumkan ruang skrin, menjadikan mereka kelihatan dalam kategori kategori sub kategori yang lebih banyak.

    Dalam artikel ini, kami ingin menunjukkan kepada anda beberapa skrip menu lungsur terbaik kita tahu. Menu drop-down ini berbeza dari CSS sahaja, CSS & Javascripts dan menu yang akan berfungsi dengan perpustakaan Javascript semasa anda seperti jQuery, MooTools dan Prototaip. Senarai penuh selepas melompat.

    Berikut adalah beberapa artikel berkaitan yang kami anggap anda mungkin berminat:

    • Membina Meja HTML
    • Kit Starter untuk Pereka Web
    • Skrip navigasi berasaskan Tab CSS

    CSS (Sahaja)

    Sekiranya anda bimbang tentang Javascript yang dilumpuhkan pada penyemak imbas pelanggan, menu drop-down css ini tidak akan gagal.

    Rangka Kerja Menu Drop-Down CSS. Tajuk mengatakan semuanya. Ia merupakan rangka kerja yang dikeluarkan di bawah GNU General Public License. Cross browser serasi, ringan dan mudah transformable untuk meniru banyak drop down menu yang ada di luar sana. Contohnya Flickr, Adobe, dan MTV.com.

    Menu drop-down hanya Ultimate CSS

    CSS Express Drop-Down Menus. Bantu anda menghasilkan menu lungsur CSS yang ringkas (jelas) tanpa beberapa had yang terdapat dalam beberapa menu CSS tulen "tulen" yang lain.

    CSS + Javascripts

    Dengan bantuan Javascript, drop down menu lebih interaktif atau sekurang-kurangnya mereka mendapat beberapa animasi halus yang meningkatkan pengalaman pengguna. CSS di sisi lain, pastikan rupa dan nuansa mudah dikodkan.

    Semua Tahap Navigational Menu (v2.2). Menu berasaskan senarai CSS / HTML dengan sokongan untuk paras sub menu yang tak terhingga. Ia ringan dan mudah dilaksanakan.

    Drop Down Tab (5 gaya). Drop Down Tab adalah menu tab CSS mendatar yang menyokong menu drop down level kedua bagi setiap tabnya. Datang dalam 5 gaya yang berbeza.

    Menu Drop Down CSS Chrome. Menu Chrome adalah menu lungsur CSS dan JavaScript hibrid. Mudah untuk mengkonfigurasi dan mencari enjin mesra. Bar menu utama terdiri daripada senarai CSS, manakala menu drop down hanya tag DIV biasa pada halaman.

    jQuerys

    Jika anda telah melaksanakan Perpustakaan Javascript jQuery di laman web anda, berikut adalah beberapa jQuery drop down menu yang sangat baik yang anda patut tahu.

    Menu Pelayaran Smooth . Menu Navigasi Smooth adalah tahap pelbagai, menu berasaskan senarai CSS yang dikuasakan menggunakan jQuery yang menjadikan laman web navigasi menjadi halus. Berikut adalah satu sama lain - jQuery Multi Level CSS Menu.

    Superfish. Superfish adalah menu jQuery gaya Suckerfish yang dipertingkatkan yang mengambil menu drop-down CSS tulen (jadi ia merendahkan anggun tanpa JavaScript). [Demo | Muat Turun]

    Menu Drop-Down Mega. Menu drop down yang memegang lebih daripada sekadar pautan baru. Ia juga membuat pautan kumpulan dan membuat kegunaan lebih mudah! [Demo]

    MooTools

    Menu drop down JavaScript menggunakan Mootools. Cara yang mudah dan tidak menggembirakan untuk membuat menu drop down dengan Mootools 1.2. [Demo | Muat Turun]

    UvumiTools Dropdown Menu. Menu pelbagai peringkat mudah dibina dari senarai unorderd HTML, menggunakan Rangka Kerja Javascript Mootools.

    Mootool Unobstrusive Drop Down Menu

    Mimik

    Merekodkan Digg Header. Tutorial langkah demi langkah tentang bagaimana untuk membina menu drop down yang benar-benar kelihatan seperti Digg. [Demo | Muat Turun]

    Misc.

    izzyMenu. Buat menu CSS mencari profesional untuk laman web anda dalam talian, tanpa menulis satu baris kod atau hanya gunakan beberapa yang sedia dibuat.

    Menu PureCSS. Penjana Menu Drop Down CSS Percuma