Metod fadeTo

Metod fadeTo glatko menja providnost elementa do zadate vrednosti, u opsegu od 0 do 1.

Sintaksa

Trajanje i providnost se zadaju pri bilo kojoj varijanti korišćenja metoda. Promena providnosti u zadatom vremenu, 400ms podrazumevano:

.fadeTo(trajanje, vrednost providnosti);

Vreme se može zadavati ne samo u milisekundama, već i ključnim rečima slow (600ms) i fast (200ms), što je veća vrednost, to je sporija animacija:

.fadeTo('slow' ili 'fast', vrednost providnosti);

Može se takođe trećim (neobaveznim) parametrom proslediti callback-funkcija - aktivira se nakon izvršenja animacije:

.fadeTo(trajanje, vrednost providnosti, [callback-funkcija]);

Može se takođe proslediti funkcija ubrzanja i callback-funkcija (neobavezni parametri) - aktivira se nakon izvršenja animacije:

.fadeTo(trajanje, vrednost providnosti, [funkcija ubrzanja], [callback-funkcija]);

Primer

U sledećem primeru, pomoću metoda fadeTo pri pritisku na dugme #hide element sa #test će se sakrivati putem smanjenja providnosti do 0.5, a na #show - prikazivati:

<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);
});

Pogledajte takođe

metod fadeToggle,
koji menja providnost elemenata
metod fadeIn,
koji glatko prikazuje skrivene elemente, čineći ih neprovidnim
metod animate,
koji animira svojstva elemenata