bildirgec.org

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.

Sitenizde klasik tasarımların dışına çıkarak jQuery menüler ekleyebilirsiniz.Bu sayede dikkat çekmekle birlikte görselliğe önem veridiğinizi vurgulayabilirsiniz.Ayrıca aşağıdaki jQuery dersleri sayesinde sizde benzer veya bambaşka jQuery çalışmaları yapabilirsiniz.İşte birbirinden farklı 14 jQuery menüleri ;

Codename Pufferfish | Demo

Rainbow Color Changing with jQuery | Demo – Ders

Herhangi bir renge gökkuşağı renklerini değişken olarak vermenizi sağlayan jQuery uygulaması.

dwFadingLink | Demo – Ders

Linklerin seçtiğiniz renklere değişmesini sağlar.Bu sayede daha vurgulu ve dikkat çekici özellik sağlamış olur.

Simple jQuery Color Picker | Demo – Ders

jQuery ile yapınlan renk paleti oluşturmanızı sağlar.

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

Flash menüler çok ilgi çekici olabiliyor. Jquery kullanarak flash tarzı bir menü yapmak istiyorsanız aşağıdan gerekli bilgilere ulaşabilirsiniz.

ekran görüntüsü

Nasıl Çalışır?

• Sayfanızın head etiketleri bölümüne aşağıdaki kodları ekleyin.

resmi büyütmek için buraya tıklayın.

• Eklemek istediğiniz menü sayısı kadar aşağıdaki kodu sitenizde görünmesini istediğiniz yere ekleyin.

resmi büyütmek için buraya tıklayın.

not: i̇ndirmiş olduğunuz dosyada bütün kodlar bulunmaktadır.

Kişiselleştirmek

Javascript etkileşim ve geri bildirim eklemeniz için kolaylık sağlar. Bu yazıda javascript hakkında farklı ve çok güzel bilgiler edinebilirsiniz.

1 – MenuMatic

Dikey ve yatay şekilde bir menü örneğidir.

2 – Animated Menu using jQuery

Menünün üzerine gelindiğinde bir hareket verilmesini sağlayan örnekte bilgisayarınıza indirebilmeniz için psd dosyası da bulunmaktadır.

jquery eklentilerinden sitenizin birçok bölümünde yararlanmanız mümkün. bu alanlardan biri de menüler. işinize yarayabilecek 10 menü eklentisi:

• jdMenu Hierarchical Menu Plugin for jQuery
  
• Superfish – jQuery menu plugin by Joel Birch
  
• jQuery Context Menu Plugin
  

Gezinti (navigasyon), kullanılırlık açısından web tasarımında oldukça önemlidir. Buna rağmen bağlantılar ve gezinti menüleri bir sitenin görsel görünümünü daha da iyileştirebilir. Eğer herkesin yaptığından daha farklı bir gezinti menüsü oluşturmak istiyorsanız, jQuery bunun için size sayısız seçenek sunmaktadır. Bu yazıda jQuery ve CSS kullanarak gezinti menülerinde nasıl ilgi çekici efektler oluşturabileceğinizi göreceksiniz.

1. jQuery Kullanarak Nasıl Animasyonlu Menü Yapılır?

2. Digg Başlığını Tasarlamak: Nasıl Yapılır ve İndirme Bağlantısı