Basit bir açılır menü (drop down) nasıl yapılır, mantığı nasıldır bunu anlatmaya çalışacağım. Bu örnekteki açılır menü, üzerine tıklandığında açılıyor, basit bir değişiklikle üzerine gelindiğinde de açılmasını sağlayabilirsiniz. Hemen html ve css kodlarımıza bir bakalım. <style type="text/css"> body{font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;background-color:#3c3c3c;} h1{ text-shadow:0 1px 1px #575656; font-size:50px; color:#d1d1d1; margin:0 } .container{width:500px;} .dd{ border:1px solid #575656; padding:5px; background:#e9e9e9 [...]

Ne garip bir isim oldu yav, göster – gizle :) Neyse jQuery ile basit bir menü örneği. Önizlemesine buradan bakabilirsiniz. <script type="text/javascript"> $(document).ready(function(){ $(".panel span").click(function(){ var t = $(this); if(t.text() =="Göster") { t.text("Gizle"); } else { t.text("Göster"); } $(".panel .menu").toggle(‘fast’); }); }); </script>

Sürekli site açılış haberi verecek değilim :) Şimdi ki yazımda jQuery ve css ile basit bir yatay açılır menünün nasıl yapılacağına göz atacağız. Başlangıç noktasında ul ve li etiketlerinden bir hiyerarşi yaratıyoruz. Eğer kodumuza bakarsak yapıyı rahatlıkla anlayabiliriz, bir nevi ağaç yapısı. <ul> <li><a href="">Deneme</a></li> <li><a href="">Deneme</a> <ul> <li><a href="">asdasd</a></li> <li><a href="">fasdfasdf</a></li> <li><a href="">asdfasdf</a></li> </ul> [...]

Bazı şeyler hep gözünüzün önündedir fakat aradığınızda bir türlü bulamazsınız, geçenlerde çok aramama rağmen bir türlü istediğim şekilde açılır menü (drop down menu) bulamadım. Dedim madem yok kendim yapmaya çalışayım, çat pat jQuery bilgimle kendimce bir menü yaptım, umarım işinize yarar. Çok basit jQuery ve css kodlarından oluşan bu menünün görüşünü istediğiniz gibi değiştirebilirsiniz. Dosyaların [...]

Çok güzel bir menü navigasyonu olan bu script, orjinalinde PHP ile yapılmış. Bende ASP ye çevirdim. Kolay ve anşalır bir biçimde sizlerle paylaşmak istedim. Scriptin orjinal sayfası http://labs.activespotlight.net/jQuery/menu_demo.html Demo http://www.apostylee.com/scripts/FastFindMenu/ İndir http://www.apostylee.com/scripts/FastFindMenu/ffm.rar