Eğer bir web tasarımcıysanız, sitenizi ziyaret eden kişilerin web sitenize tekrar uğraması, güncel konularınızı takip etmesi ve yeniliklerinizden haberdar olabilmesi için yapabileceğiniz bir çok şey mevcut.. Bunların başında gelen Web sitesi tasarımı, göze hitap etmesi, bunun yanında web sitenizin hızı ve de ziyaretçinin içeride kaybolmadan, istediği gibi istediği yere ulaşmasıdır.
İstediği yere ulaşması konusu, hepimizinde bildiği gibi, bütün sitelerde mevcut olan menü ya da navigasyon çubukları ile sağlanır..Aşağıda 18 adet örneği gösterdiğim menülerin nasıl yapıldığını görebilir, Demo ve download linklerini kullanarak kendi sitenize yerleştirebilirsiniz.
jQuery Navigasyon Menü Dersleri

CSS ve jQuery Kullanarak Slik Tablo Yapma Dersi — Demo | Detaylar

Tablet içerikler, hem sayfanızda yer kaplamaması, hem de göze hitap etmesi açısından çok yararlı bir bileşendir. İçerisinde önemli linklerini barındırabilir, WordPress sidebar bölümünde kullanabilir hatta biraz daha geliştirerek bunu bir eklenti halina getirebilirsiniz.

jQuery ile Smooth Animasyon Menü Nasıl Yapılır — Demo | Detaylar | Download

Smooth bir anlamda da pürüzsüz menüler jQuery ile nasıl yapılır bunu anlatan bir ders.

CSS Spriteları – Javascript Dersi — Demo | Detaylar

Bu derste yazar,jQueryve CSS kullanarak güzelbir menü yapma dersini göstermiştir.

jQuery Rastgele Link Renkleri Animasyonu — Demo | Detaylar

Bu derste, yazar yaptığınız bir jQuery Menünün linklerini rastgele renkler ile nasıl gösterebileceğimiz anlatmıştır.

Dropdown Animasyon Menü Dersi — Demo | Detaylar| Download

Bu derste yine güzel bir animasyon ile Drop down menü nasıl yapılır sorusuna cevap verilmiştir.

Lava-Lambası Şeklinde jQuery Menü yapma Dersi — Demo | Detaylar | Download

jQuery kullanarak farklı bir menü dersi.

Navigasyon ışık Efekti ile jQuery Menü — Demo | Detaylar | Download

Mootols Homepage olarak adlandırılan Navigasyon efektli jQuery Menü

jQuery Kullanarak Akordiyon Menü Dersi — Demo | Detaylar | Download

Bu derste de yazar, yine jQuery kullanarak Accordion stili bir menünün hazırlanışını göstermiştir.

jQuery idTabs — Demo | Detaylar | Download

jQuery idTabs adı verilen Menü dersi

jQuery Multilevel (çok seviyeli) Dropdown Menü — Demo | Detaylar | Download

Buradaki dropdown menüler ise birçok seviyeden ve alt submenülerden oluşuyor.

jQuery Arkaplan resim Efekti vererek Animasyon Menüsü— Demo | Detaylar

jQueryden yardım alınarak yapılmış bu menüde, fade yöntemi ile Menülerin arka planı değişmekte

Superfish – “menu jQuery plugin”Demo | Detaylar | Download —

Superfish adlı jQuery Menü

jQuery Drop down menu — Demo | Detaylar

Burada yine bir drop down menü dersi bulunuyor

HTML menü kodlaması ile jQuery Menü — Demo | Details | Download

HTML, CSS ve jQuery Kullanarak W3 standartlarında jQuery Menü

jQuery & CSS Örneği – Dropdown Menu — Demo | Details

Dropdown menüler farklı bir animasyonla gösterimde.

Digg.com Headerindaki Menü ve Download — Demo | Detaylar | Download

Digg de bulunan menü nasıl oluşturulur

jQuery Tabbed Navigation — Demo | Detaylar

jQuery Tabbed Navigasyon Menü

Renk Değiştiren jQuery Menü — Demo | Detaylar | Download

Burada da yine fade metodu ile şık bir menü tasarımı mevcut.



Kaynak