Di Posting Oleh : Wandi febriandi
Kategori : Pelajaran Pemprograman web
Sebelumnya saya telah berbagi mengenai , tipe tipe pemakan mie dan juga saya berbagi menenai css yaitu id dan class pada css . Kalo ini saya akan berbagi menenai css lagi yaitu membuat menu dropdown . Kalo sudah tidak sabar pengin lihat script-nya kaya gimana mari kita lihat
Menu dropdown ini di buat karena karegori dan sub-kategorinya banyak , mari kita lihat dulu hasilnya biar semangat membuat scriptnya
Nah seperti itu hasilnya nanti , kalo kode kodenya ini dia
Kalian boleh css mengcasunakan external style sheet biar lebih mudah lagi , kalo saya mengunakan embedded style sheet .
Kalo yang paling penting di menu dropdown adalah ini
#menu li ul
{
display:none;
}
#menu li:hover > ul
{
display:block;
}
Jadi awalnya tidak ada karena display-nya none atau tidak ada tetapi setelah kita arahkan mouse ke li yang ada tag ul nya maka ul itu akan terlihat karena display-nya saya ubah jadi block .
Itu dia cara membuat menu dropdown . Semoga bermanfaat sampai jumpa di artikel yang lainya . Silahkan kunjungi blog terbaru saya disini
No comments:
Post a Comment