jQuery ile ve görünürlük dışına elemanlarını düşebilir.
/ Çıkış paneli solmaya tıklayın
Zaman değerli olduğu için, hızlı ve kolay öğrenme sağlıyor.
At w3ii , bir erişilebilir ve kullanışlı bir biçimde öğrenmek için gereken her şeyi, eğitim görebilirsiniz.
Örnekler
jQuery fadeIn()
JQuery gösterir fadeIn() metodu.
jQuery fadeOut()
JQuery gösterir fadeOut() metodu.
jQuery fadeToggle()
JQuery gösterir fadeToggle() metodu.
jQuery fadeTo()
JQuery gösterir fadeTo() metodu.
jQuery Fading Yöntemleri
jQuery ile içinde ve görünürlük dışarı unsurunu fade.
jQuery aşağıdaki solmaya yöntemleri vardır:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() Yöntem
JQuery fadeIn() yöntemi, bir gizli elemanında solmaya kullanılır.
Syntax:
$( selector ) . fadeIn( speed,callback ) ;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 solma tamamlandıktan sonra yürütülecek bir fonksiyonudur.
Aşağıdaki örnek fadeIn() farklı parametrelerle yöntem:
Örnek
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); Kendin dene " jQuery fadeOut() Yöntem
JQuery fadeOut() metodu görünür bir eleman zayıflatmak için 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 solma tamamlandıktan sonra yürütülecek bir fonksiyonudur.
Aşağıdaki örnek fadeOut() farklı parametrelerle yöntem:
Örnek
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); Kendin dene "
jQuery fadeToggle() Yöntem
JQuery fadeToggle() metodu arasında geçiş fadeIn() ve fadeOut() yöntemleri.
Elemanlar dışarı soluk görünüyorsa, fadeToggle() bunları solacak.
Elementler içinde soluk görünüyorsa, fadeToggle() onları kaybolur.
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 solma tamamlandıktan sonra yürütülecek bir fonksiyonudur.
Aşağıdaki örnek fadeToggle() farklı parametrelerle yöntem:
Örnek
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); Kendin dene "
jQuery fadeTo() Yöntem
JQuery fadeTo() yöntemi, belirli bir opaklığa solma sağlar (value between 0 and 1) .
Syntax:
$( selector ) . fadeTo( speed,opacity,callback ) ; Gerekli hız parametresi etki süresini belirtir. Aşağıdaki değerleri alabilir: "slow", "fast" veya milisaniye.
Gerekli opaklık parametresi fadeTo() yöntemi, belirli bir opaklığa solma belirtir (value between 0 and 1) .
isteğe bağlı geri çağırma parametresi fonksiyonu tamamlandıktan sonra yürütülecek bir fonksiyonudur.
Aşağıdaki örnek fadeTo() farklı parametrelerle yöntem:
Örnek
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); Kendin dene "
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 »
jQuery Etkileri Referans
Tüm jQuery etkilerin tamamını görmek için lütfen gidin lütfen jQuery Etkisi Referans .