Kategori

jQuery

jQuery .delay() .animate() ve .stop() metodları

.delay(): animasyonu veya işlemleri bir süre durdurup bekletmeye yarar. .animate() : Nesnenin CSS özelliklerini değiştirerek belirli bir hızda animasyonlar yapmaya yarar. CSS özellikleri olarak width, height, border, background-color, font-size gibi özellikleri değiştirerek animasyonlar yapılabilir. .stop(): Mevcut animasyon hareketini durdurur. Animasyon tekrar oynatıldığında ise kaldığı yerden devam eder.

jQuery de .show() .hide() ve .toggle() metotlarının kullanımı

show, hide ve toggle metotları jQuery'de basit efektler oluşturmak için kullanılırlar. Aşağıda bu metotların kullanımı görülmektedir.  .show(): Seçilen nesneyi bir kez belirli bir hızda göstermeye yarar. .hide() : Seçilen nesneyi bir kez geçici olarak belirli bir hızda gizlemeye yarar. .toggle(): Seçilen nesne gizli ise göstermeye gösteriliyor ise de gizlemeye yarar.

jQuery .fadeIn() .fadeOut() .fadeTo() .fadeToggle() metodları

jQuery'de Sönme Efektleri olarak kullanılan bu 4 metodun kullanımı oldukça basittir. Aşağıdaki söz dizimlerini inceleyiniz. .fadeIn() : Seçilen nesneyi opacity(şeffaflık) değerini belirli bir hızda artırarak göstermeye yarar. .fadeOut() : Seçilen nesneyi opacity(şeffaflık) değerini belirli bir hızda azaltarak gizlemeye yarar. .fadeToggle(): Seçilen nesneyi durumuna göre gösterir veya gizler. Yani gizliyse göstermeye, açıksa gizlemeye yarar. .fadeTo() : Seçilen nesnenin belirtilen opacity değerine belirli hızda ulaşmasını sağlar.

jQuery .slideDown .slideUp() ve .slideToggle() metodları

jQuery'de Kaydırma Efektleri olarak kullanılan bu 3 metodun kullanımı oldukça basittir. Aşağıdaki söz dizimi 3 metod içinde geçerlidir. .slideDown(): Seçilen nesneyi yukarıdan aşağıya doğru belirli bir hızda açılarak göstermeye yarar. .slideUp() : Seçilen nesneyi aşağıdan yukarıya doğru belirli bir hızda kapanarak gizlemeye yarar. .slideToggle(): Seçilen nesneyi durumuna göre gösterir veya gizler. Yani kapalıysa açmaya, açıksa kapatmaya yarar.