Jquery dili ile bir HTML nesnesinin sınıfı üzerinde değişiklik yapabilirsiniz.

Bir nesnenin sınıfını değiştirmek için addClass, removeClass, toggleClass ve switchClass fonksiyonları kullanılır. Bunlardan Jquery ve Niteleyiciler (Attributes) adlı yazımda bahsetmiştim, bu yazımda ise bu fonksiyonları animasyon şeklinde kullanmaya çalışacağız.

Jquery UI Efekt kütüphanesi ile birlikte sınıf ekleme çıkarma fonksiyonlarını daha efektiv bir şekilde kullanabilirsiniz. Bunun için öncelikle gerekli kütüphaneleri sayfanıza eklemelisiniz.

<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript" src="jquery.effects.core.js"></script>

Jquery ve Efekt Fonksiyonları adlı yazımda animate fonksiyonundan bahsetmiştim.

Animate fonksiyonu css özelliklerini kullanarak yeni efektler yaratabilmeniz için oluşturulmuş bir fonksiyondur. Fonksiyonun kullanımını anlatırken, kullanılan css özelliklerinin sayısal değerler olması gerektiğini de söylemiştim.

Jquery UI efekt kütüphanesi ile birlikte sayısal css özelliklerine ek olarak belli başlı css özellikleri de animate fonksiyonu için kullanılabilir hale getirilmiştir. Bu özellikleri aşağıdaki gibi listeleyebiliriz ;