En son web geliştirme öğreticiler
 

jQuery Efektler - Sürme


jQuery slayt yöntemleri yukarı ve aşağı unsurları kaydırın.

/ Yukarı paneli aşağı kaymaya tıklayın

Zaman değerli olduğu için, hızlı ve kolay öğrenme sağlıyor.

w3ii azından, erişilebilir ve kullanışlı bir biçimde öğrenmek için gereken her şeyi, eğitim görebilirsiniz.


Örnekler

jQuery slideDown()
JQuery gösterir slideDown() metodu.

jQuery slideUp()
JQuery gösterir slideUp() metodu.

jQuery slideToggle()
JQuery gösterir slideToggle() metodu.


jQuery Yöntemleri Sürme

jQuery ile elemanları üzerinde kayan bir etki yaratabilir.

jQuery aşağıdaki kaydırma yöntemleri vardır:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() Yöntem

JQuery slideDown() yöntemi, bir elemanın aşağıya doğru kaymaya kullanılır.

Syntax:

$( Opsiyonel hız parametresi etki süresini belirtir. Aşağıdaki değerleri alabilir: "slow", "fast" veya milisaniye.

isteğe bağlı geri çağırma parametresi kayar tamamlandıktan sonra yürütülecek bir fonksiyonudur.

Aşağıdaki örnek slideDown() metodu:

Örnek

$("#flip").click(function(){
    $("#panel").slideDown();
});
Kendin dene "

jQuery slideUp() Yöntem

JQuery slideUp() metodu bir eleman kaymasına kullanılır.

Syntax:

$( Opsiyonel hız parametresi etki süresini belirtir. Aşağıdaki değerleri alabilir: "slow", "fast" veya milisaniye.

isteğe bağlı geri çağırma parametresi kayar tamamlandıktan sonra yürütülecek bir fonksiyonudur.

Aşağıdaki örnek slideUp() metodu:

Örnek

$("#flip").click(function(){
    $("#panel").slideUp();
});
Kendin dene "

jQuery slideToggle() Yöntem

JQuery slideToggle() metodu arasında geçiş slideDown() ve slideUp() yöntemleri.

Elementler aşağı kaydı varsa, slideToggle() onları kayar.

Öğelerin kaydırdı varsa, slideToggle() onları aşağı kayar.

$( Opsiyonel hız parametresi aşağıdaki değerleri alabilir: "slow", "fast" , milisaniye.

isteğe bağlı geri çağırma parametresi kayar tamamlandıktan sonra yürütülecek bir fonksiyonudur.

Aşağıdaki örnek slideToggle() metodu:

Örnek

$("#flip").click(function(){
    $("#panel").slideToggle();
});
Kendin dene "

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Alıştırma 4»


jQuery Etkileri Referans

Tüm jQuery etkilerin tamamını görmek için lütfen gidin lütfen jQuery Etkisi Referans .