天天看點

一個十分簡短的Tween

說它短,是因為總共核心代碼+注釋不到100行。(需要聲明一下的是此代碼非原創,但略有修改,加了自已的部分注解)

隻提供兩個方法,moveBy、opacity兩個方法,一個是移動元素位置另一個是設定DOM元素的透明度。

調用也很簡單,ex:

var tween = new Tween();

tween.moveBy("demo", 100, 0);

tween.opacity("demo", 1, .2);

在本頁面直接運作檢視效果:

Tween 測試例子

運作動畫

繼續閱讀