jQuery - 什么是Tween對象？

Question

我已經遇到過這個術語很多次了，但我找不到關於它的詳細定義。
例如，某些jQuery方法中的參數fx是Tween.init 。

有人可以提供一些幫助嗎？

Answer 1

Tween用於JQuery中的動畫 。 Tween.js是Tween的獨立示例。

中間的縮寫，在兩個圖像之間生成中間幀的過程，以給出第一圖像平滑地演變成第二圖像的外觀。 補間是所有類型動畫的關鍵過程，包括計算機動畫。 先進的動畫軟件使您能夠識別圖像中的特定對象，並定義它們在補間過程中應如何移動和更改。

來自http://www.webopedia.com/TERM/T/tweening.html

Answer 2

補間，tweeners，鈎，預過濾器，等等- -圍繞jQuery的動畫使用的對象和方法都非常糟糕記錄，盡管他們似乎是公共API的一部分。 也許在這里列出一些資源是有幫助的。

• jQuery團隊的成員Corey Frang 在關於jQuery動畫（幻燈片）的演示文稿中有一些信息。 實際上只有兩個簡潔的幻燈片。 跳轉在這里 。
• jQuery 1.8 Effects的草案文檔中有更多細節，由同一個人發布。 這實際上是我能夠找到的主題上最有用的資源。

這就是文檔草案對Tween對象的屬性和方法所說的內容：

• elem ：動畫元素
• prop ：動畫屬性
• easing ：使用寬松
• options ：對動畫選項的引用
• start ：補間的起始值
• now ：補間的當前值
• end ：補間的結束值
• unit ：補間的CSS單位
• cur() ：從元素中讀取屬性的當前值
• run( progress ) ：progress是一個從0到1的數字。更新動畫元素上屬性的值。

將Tween實例傳遞給jQuery動畫的step回調 ，並可用於在動畫正在進行時操縱它。 了解Tween API可能會派上用場。