liteMenu (fade jQuery + CSS Tab Menü)
Cuma, 03 Ekim 2008
jQuery ile bloga birşeyler eklemeye menüyle başlayayım dedim.Flash a gerek duymadan fade efektlerini kullanarakslide şeklinde açılıp kapanan css ve jQuery ile bir menü hazılardım.
Kullanmak için:
tek yapmanız gereken css dosyasını,”menu.js”‘yi ve güncel bir sürüm jQuery’i (ben içinde bulunan 1.6.2′de test ettim) sayfaya include etmeniz gerekmektedir.Tabii html kodlarıda benim yaptıgım gibi olmalı menünün.
Stil degiÅŸikligi:
standart css bilgisiyle font,background,padding leri degistirebilir ya da sadece yatay döşenen imajı photoshopta açıp düzenleyebilirsiniz.Herhangi bir genislik ayarı yapmanıza gerek yok.İsterseniz yüksekliginide degistirebilirsiniz.
Butonların degiştirilmesi:
buradaki tek önemli konu ana baÅŸlıkların html deki id’si ile alt menu ul’sinin sayısı aynı olmalıdır.Ä°stediginiz kadar ekleyip çıkarabilirsiniz.
Örnek olarak:
<li id=”2″>Ä°kinci</li> ise ul id=”alt_menu_2″> olmalıdır.Gerisi alanınızın genisligine göre butonları sıgdırmanıza kalmış =)