jquery menü | bildirgec.org

kullanıcı dostu menü bir menü oluşturmak, sitenin gelişimi açısından kritik öneme sahiptir. ziyaretçiler, aradığını belirli bir süre bulamaz ise siteden ayrılabilir ve site hakkındaki olumlu düşünceleri azalabilir.

Bu noktada, hem fazla alan kaplamayan hem de görsellik adına çok şey sunan "açılır menüler" imdadımıza yetişiyor. Ben de yazımda, bu ihtiyacını karşılayacak jQuery ile yazılmış 25 açılır menü uygulamasını sizlere tanıtacağım. Haydi başlayalım.

Web sitenizde alternatif olarak kullanabileceğiniz hoş bir menü uygulaması olan ajaxflagmenu jQuery tabanlı bir uygulamadır. Dinamik yani eşzamanlı bir uygulama olan ajaxflagmenu ile sayfa yenilenmeye gerek kalmadan içerik değişir. Bu sayede kullanıcılarınızın gereksiz zaman harcamasını önlemiş olursunuz.

XMLHttpRequest nesnesi aracılığı ile jQuery ile hazırlanan bu uygulama Facebook'tan esinlenerek hazırlanmıştır. Menü kısmı sabit kalırken seçtiğiniz içeriğe göre belirli bir kısım yenilenmektedir. Basit tasarımlı dikey bir menü olmasına rağmen tasarım tamamen kişiselleştirilebilir.

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

Günümüzde jQuery ile birçok uygulama yapılmakta. Büyük bir kütüphane haline gelen jQuery ile aklınıza gelebilecek tüm uygulamaları flash ve benzeri eklentiler kullanmadan web sitenizde kullanabiliyorsunuz. Aşağıda Nisan ayının en çok kullanılan ve görüntülenen jQuery uygulamaları bulunmakta. işte jQuery.com üzerinden hazırlanmış en iyi jQuery uygulamaları ;

3D Cloud Carousel - Demo

jQuery ile hazırlanan bir sunum ürünü olan 3D Cloud Carousel'i web sitenizde ücretsiz olarak kullanabilirsiniz. Bu sunum uygulamasında ürünlerinizi tanıtabileceğiniz gibi farklı temadaki galerilerde oluşturabilirsiniz.

jQuery Slider - Demo

jQuery Slider, belirli aralıktaki değerleri seçmek için yapılmış bir jQuery eklentisidir. Bu eklenti ile ziyaretçileriniz iki değer aralığını seçebilirler. Alışveriş sitelerinde kullanılabileceği gibi (fiyat aralığı) arama motorları tarafındanda kullanabilinecek bir uygulama.

bugüne kadar sayısız jquery eklentisi veya uygulaması görmüşsünüzdür. şimdi sizlere sıra dışı jquery eklentilerden bahsedeceğim. alternatif reklam gösterimi, capta uygulaması, şifre gücü, fotoğraf döndürme, fotoğrafın eski ve yeni halini aynı karade gösterebileceğiniz süper eklentiler aşağıda sizleri bekliyor.

1- Sürgülü Sayfa - demo - kod
sitenizde sağ tarafta bulunan menüyü gizlemek isterseniz bu jquery eklentiyi kullanabilirsiniz. (gizle/göster)

2- lazyload - demo - kod
web sitenizde fotoğrafları yan yana veya alt alta gösterme alternatifi sunan bir jquery eklenti.

jQuery ile yapılan birçok uygulama bulunmakta. Artık jQuery ile yazılarınız ilede oynayabilirsiniz! Büyütme, küçültme, renk değiştirme, yer değiştirme vb. gibi uygulamarın tamamını yapabilirsiniz.

Mouse Hareketine Göre Değişen Yazı Efekti | demo - ders

Mouse'nuzu yazıların üstüne getirdiğinizde büyürler, yer, renk veya şekil değişitirmesini sağlayan jQuery uygulaması.

Sitenize diğer basit menülerden öte açılıp kapanan aşağı ve sağa/sola doğru kayan, arka plan rengi değiştirilebilen hoş menüler koymak mümkün. Ayrıca bunları yaparken flash bilginizin olması da gerekmiyor. Çünkü harika bir şey olan jQuery sayesinde tüm bunları yapabiliyoruz. Burada 10 harika navigasyon menüsü göstermiş;

Horizontal Scrolling Menu | Demo - Ders

Yatay olarak sağa-sola kayan hoş bir navigasyon menüsü

Fading Menu – Replacing Content | Demo - Ders

Tıkladığınızda, tıkladığınız sayfanın linkini koyulaştıran bir uygulama.

CSS ve JQuery ile hazırlanmış farklı tarzlardaki menüleri sizler için derledim. menülerin nasıl hazırlandığını menünün linkine tıklayarak öğrenebilirsiniz, isterseniz kodları direkt indirerek sitenize entegre edebilirsiniz.

1- Kutu dışında JQuery Navigasyon Menü - demo - download

2- gösterişli drop down menü jquery & css - demo