fadeIn vs fadeOut vs fadeTo

Question

什麼是區別fadeIn vs fadeOut vs fadeTo？

Answer 1

fadeIn從元件的電流不透明度變淡爲1.
fadeOut從元素當前不透明度消退爲0.
fadeTo從元素當前不透明度消失爲給定的不透明度。

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

上述衰落myObject從它有任何的不透明度，0.5，它是50％的透明度，並且在這之後，再次消失高達20％的透明度。

Answer 2

淡入..顯示元件逐漸

淡出..隱藏的元素逐漸

FadeTo ..一個元素的透明度改變成給定值

Answer 3

我在這裏只看到語言冗餘，因爲fadeTo適合所有的用例。

Answer 4

短答案：

• 淡入（）和淡出（）控制display屬性，而動畫褪色。
• fadeTo（）控制opacity屬性，同時動畫淡入淡出。

---

龍答：

淡入（）和淡出（）都被設計用於控制display財產，就像展（）和隱藏（），但只有動畫淡入之間。淡入的

過程（）

• 製備：設置爲opacity:0。
• 處理：設置爲display:block。
• 過程：逐漸更改爲opacity:1。淡出的

過程（）

• 過程：逐漸改變到opacity:0。
• 過程：設置爲display:none。

fadeTo（）是指設置opacity屬性，而在動畫之間淡入。 fadeTo的

過程（）

• 製備：設置爲display: block。
• 流程：設置爲opacity: [$]。

查看JsFiddle上的breakdown of formulas, which make up fadeIn() and fadeTo()。

更新：淡入（）和淡出（）的

建立更緊密的親屬，而展（）和隱藏（）。

顯示（）和隱藏（）也意欲控制display屬性，就像淡入（）和淡出（），但除此之外，動畫的寬度和高度之間。

過程顯示的（）

• 製備：設置爲opacity:0，width:0，height:0
• 過程：設置爲display:block
• 過程：逐漸改變到opacity:1，width:[auto]， height:[auto]

個

過程獸皮（）

• 過程：逐漸改變到opacity:0，width:0，height:0
• 過程：設置爲display:none。

實施例：

上的jsfiddle比較behavior of fadeIn(), fadeOut(), fadeTo(), show() and hide()。