Anasayfa » Web Programlama, Web Tasarım & Grafik

jQuery ve CSS İle Drop Down Animasyonlu Menu

19 Aralık 2008 Görüntülenme: 1.651 5 Yorum Yazar: Ahmet
Kötüİdare ederOrtaGüzelMükemmel (Bu yazı 2 oy aldı. Ortalama Değeri: 5,00 oy dan 5)

jQuery’i herkesin kesinlikle öğrenmesi gereken bir konu gözüyle bakıyorum artık. Gerçi sadece jQuery değil ama bunuda öğrenmekte büyük fayda var, eminim.

Yandaki ve aşağıdaki resim jQuery ve CSS kullanılarak yapılmış çok güzel bir Drop Down menünün ekran görüntüleridir. Aşağıdaki biraz daha geniş bir resim. Bu menüye daha önceden bu sitede (sitenin sağ üst köşesinde bulunan NETWORK ve dil seçim alanındaki menü) rastlamıştım. Açıkcası çok hoşuma gitmişti ve nasıl yapıldığını merak ediyordum ama herhangi bir araştırma yapmak için vaktim olmadı. Bu gece rasladım bu çalışmaya ve hemen paylaşayım dedim.

jQuery ile özenilerek hazırlanmış bu çalışmanın bir görüntüsünü aşağıdan görebilirsiniz. Bu menüyü blogum için hazırlamaya çalıştığım temada kullanmayı düşünüyorum. En azından biraz farklılık olur.

Konuyu fazla dağıtmadan menüye dönelim. Buradan bu menünün demosunu inceleyebilirsiniz. Gerekli dosyaları bilgisayarınıza indirip kendinize göre ayarlamak için burayı ya da burayı kullanabilirsiniz. jQuery ve CSS ile hazırlanmış olan bu Drop Down menü ile ilgili ingilizce açıklamayı burada bulabilirsiniz.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:
  • Google Bookmarks
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Live
  • FriendFeed
  • Technorati
  • StumbleUpon
  • Reddit
RenkliTeneke.Com blogundaki yeni yazılardan haberdar olmak için RSS Abonesi olabilirsiniz. İsterseniz Twitter'dan ya da FriendFeed'den takip edebilirsiniz. Ya da "Yeni yazılar e-mail adresime gelsin" diyorsanız e-mail abonesi olabilirsiniz.
Merhaba sevgili ziyaretçi. Şuanda renkliteneke.com bloguna " Ahmet" tarafından " 19 Aralık 2008" tarihinde yazılmış olan "jQuery ve CSS İle Drop Down Animasyonlu Menu" başlıklı bu yazıyı okuyorsun. Bu yazının başka bir yerde yayınlaması yasaktır. Her yazı ayrı bir özen içerisinde hazırlanıyor ve bu emeğin iki tık ile heba edilmesi pek hoşuma gitmez. Bu açıklama ise bilgilenmeniz için yazılmıştır.

5 Yorum »

  • İbrahim ÇAKICI demiş ki:

    Gerçekten çok güzel menü. Bence büyük oluşuma sahip web siteleri sade görünüm istiyorlarsa bu tür menüleri kullanabilirler :) Neyse ellerine sağlık ahmet.. Hoşmuş gerçekten

  • ersinoguz demiş ki:

    bende kaç gündür böyle birşey arıyorum bulduklarım sayfaları dropdown olarak gösteriyor ama ben Kategorileri yapmak istiyorum yapıyorum bu sefer dropdown olmuyor

    mesela benim sitemle alakalı

    Yabancı filmler kategorisi var onu gösteriyor onun içindeki aksiyon komedi gerilim… flan onu göstermiyor nası yapacam anlamadım

  • Mustafa Balaban demiş ki:

    jQuery’nin Toggle efektini kulanarak hazırlanmış güzel bir örnek…
    Aynı zamanda Accordion efekti ilede güzel açılır menüler elde edebilirsini…
    Güzel bir örnek..

  • EMRAH HAS demiş ki:

    Kullanışlı ve sade bir menü uygulaması. Beğendim bende. Bu tür çalışmalar Flash uygulamalarının yerini alacağını düşünüyorum

  • emin demiş ki:

    internet explorerde çalışan bu olay firefoxun (24ocak2009)tarihli güncel versiyonunda çalışmamaktadır.
    bilginize

Yukarıdaki yazı hakkında kendi düşüncelerinizi yazın!

Lütfen yukarıdaki yazı hakkında düşüncelerini paylaş. Senin düşündüklerin bazen bu blogdaki yeni yayınlanacak yazının hangi konuda yazı yazılması gerektiğini belirliyor.

Yorum ekleye bilir yada yazı için geri bildirim gönderebilirsiniz. Bu yazı için yorumlarına abone ol: subscribe to these comments

 

Yorum içerisinde kullanabileceğiniz Html tagları :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Yazıya yorum yazdığınızda yorumunuzun hemen yanında bir Gravatarınız yayınlanacaktır.
Hani benim Gravatarım? Gravatar'da neyin nesi?