Metod fadeTo

Metod fadeTo elementin şəffaflığını tədricən müəyyən edilmiş dəyərə qədər dəyişir, 0 ilə 1 aralığında.

Sintaksis

Müddət və şəffaflıq metodun istifadəsinin istənilən variantında təyin olunur. Müəyyən edilmiş müddət ərzində şəffaflığın dəyişməsi, standart olaraq 400ms:

.fadeTo(müddət, şəffaflıq dəyəri);

Vaxt təkcə millisaniyələrlə deyil, həm də slow (600ms) və fast (200ms) açar sözləri ilə də təyin edilə bilər, dəyər nə qədər böyükdürsə, animasiya bir o qədər yavaş olur:

.fadeTo('slow' ya da 'fast', şəffaflıq dəyəri);

Üçüncü (isteğe bağlı) parametr kimi callback funksiyası da ötürülə bilər - animasiya bitdikdən sonra işləyəcək:

.fadeTo(müddət, şəffaflıq dəyəri, [callback funksiyası]);

Həmçinin hamarlıq funksiyası və callback funksiyası da (isteğe bağlı parametrlər) ötürülə bilər - animasiya bitdikdən sonra işləyəcək:

.fadeTo(müddət, şəffaflıq dəyəri, [hamarlıq funksiyası], [callback funksiyası]);

Nümunə

Aşağıdakı nümunədə, fadeTo metodu vasitəsilə #hide düyməsinə basıldıqda #test elementi şəffaflığı 0.5 dəyərinə qədər azaldılaraq gizlədiləcək, #show düyməsinə basıldıqda isə göstəriləcək:

<button id="hide">hide</button>
<button id="show">show</button>
<div id="test"></div>

#test {
	width: 200px;
	height: 200px;
	background: green;
	color: white;
	margin-top: 10px;
}

$('#show').on('click', function() {
	$('#test').fadeTo(1000, 1);
});

$('#hide').on('click', function() {
	$('#test').fadeTo(1000, 0.5);
});

Həmçinin bax

metod fadeToggle,
elementlərin şəffaflığını dəyişir
metod fadeIn,
gizli elementləri tədricən göstərir, onları qeyri-şəffaf edir
metod animate,
elementlərin xassələrini animasiya edir