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:

javascript.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:

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

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

javascript.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:

javascript.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:

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

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

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

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

Pogledajte takođe