jQuery Efektleri - Kaydırma
jQuery slayt yöntemleri, öğeleri yukarı ve aşağı kaydırır.
Paneli aşağı/yukarı kaydırmak için tıklayın
Zaman değerli olduğu için hızlı ve kolay öğrenme sağlarız.
W3Schools'da öğrenmeniz gereken her şeyi erişilebilir ve kullanışlı bir formatta inceleyebilirsiniz.
Örnekler
jQuery slideDown() yöntemini gösterir.
jQuery slideUp() yöntemini gösterir.
jQuery slideToggle() yöntemini gösterir.
jQuery Kaydırma Yöntemleri
jQuery ile öğeler üzerinde kayan bir efekt oluşturabilirsiniz.
jQuery aşağıdaki slayt yöntemlerine sahiptir:
slideDown()slideUp()slideToggle()
jQuery slideDown() Yöntemi
JQuery slideDown()yöntemi, bir öğeyi aşağı kaydırmak için kullanılır.
Sözdizimi:
$(selector).slideDown(speed,callback);
İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.
İsteğe bağlı geri çağırma parametresi, kaydırma tamamlandıktan sonra yürütülecek bir işlevdir.
Aşağıdaki örnek, slideDown()yöntemi gösterir:
Örnek
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery slideUp() Yöntemi
JQuery slideUp()yöntemi, bir öğeyi yukarı kaydırmak için kullanılır.
Sözdizimi:
$(selector).slideUp(speed,callback);
İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.
İsteğe bağlı geri çağırma parametresi, kaydırma tamamlandıktan sonra yürütülecek bir işlevdir.
Aşağıdaki örnek, slideUp()yöntemi gösterir:
Örnek
$("#flip").click(function(){
$("#panel").slideUp();
});
jQuery slideToggle() Yöntemi
jQuery yöntemi ve
yöntemleri slideToggle()arasında geçiş yapar .slideDown()slideUp()
Öğeler aşağı kaydırıldıysa, slideToggle()onları yukarı kaydırır.
Öğeler yukarı kaydırıldıysa, slideToggle()onları aşağı kaydırır.
$(selector).slideToggle(speed,callback);
İsteğe bağlı hız parametresi şu değerleri alabilir: "yavaş", "hızlı", milisaniye.
İsteğe bağlı geri çağırma parametresi, kaydırma tamamlandıktan sonra yürütülecek bir işlevdir.
Aşağıdaki örnek, slideToggle()yöntemi gösterir:
Örnek
$("#flip").click(function(){
$("#panel").slideToggle();
});
jQuery Alıştırmaları
jQuery Efektleri Referansı
Tüm jQuery efektlerine tam bir genel bakış için lütfen jQuery Effect Reference sayfamıza gidin .