fadeIn fadeOut vs vs fadeTo

Question

Jaka jest różnica między fadeIn vs fadeOut vs fadeTo?

Answer 1

fadeIn zanika z elementów prądu zmętnienia do 1.
fadeOut zanikanie z bieżącego krycia bieżącego elementu na 0.
fadeTo zanika z aktualnego krycia elementów do danego krycia.

$('#myObject').fadeTo('fast', 0.5, function() { 
    $('#myObject').fadeTo('fast', 0.8); 
}); 

Powyższe zanika myObject z co ma zmętnienie, do 0,5, co stanowi 50% przejrzystość, a po tym, to zanika znowu do 20% folii.

Answer 2

FadeIn .. pokazano element stopniowo

FadeOut .. ukrycie element stopniowo

FadeTo .. Zmiana przezroczystość elementu danej wartości

Answer 3

Widzę tu tylko nadmiar językowy, ponieważ fadeTo pasuje do wszystkich przypadków użycia niezależnie.

Answer 4

Krótka odpowiedź:

• fadeIn() i Fadeout() kontrolować własność display, podczas animowania zanikać.
• fadeTo() kontroluje właściwość opacity podczas animacji zanikania.

---

Długi Odpowiedź:

fadeIn() i Fadeout() są zarówno przeznaczone do sterowania właściwość display, podobnie jak show() i hide(), ale animowanie tylko rozejść się pomiędzy.

Proces fadeIn()

• przygotowania: Ustaw opacity:0.
• Proces: Ustaw na display:block.
• Proces: Stopniowo zmieniaj na opacity:1.

Proces fadeOut()

• procesu: stopniowo zmieniać się opacity:0.
• Proces: Ustaw na display:none.

fadeTo() ma zestaw właściwości opacity, przy animacji rozjaśniania pomiędzy nimi.

Proces fadeTo()

• przygotowania: Ustaw display: block.
• Proces: Ustawiony na opacity: [$].

Zobacz breakdown of formulas, which make up fadeIn() and fadeTo() na JsFiddle.

Aktualizacja:

Bliżej krewni fadeIn() i fadeOut() są raczej show() i hide().

show() i hide() mają również kontrolować własność display, podobnie jak fadeIn() i wyciszenia(), ale dodatkowo, animowanie wysokość i szerokość pomiędzy.

Sposób show()

• przygotowania: Ustaw opacity:0, width:0, height:0
• procesu: Ustaw display:block
• procesu: stopniowo zmieniać się opacity:1, width:[auto], height:[auto]

Proces skóry()

• procesu: stopniowo zmieniać się opacity:0, width:0, height:0
• procesu: Zestaw do display:none.

przykład:

porównania behavior of fadeIn(), fadeOut(), fadeTo(), show() and hide() na JsFiddle.