flash做動畫時會用到tween類，利用它可以做很多動畫效果，例如緩動、彈簧等等。
我這裡要教大家的是怎麼利用flash的tween類的演算法，來做js的tween演算法，並利用它做一些簡單的緩動效果。
前台效果預覽
static function easeout (t:number, b:number, c:number, d:number):number
這是as**，四個引數分別是：
t: current time（當前時間）；
b: beginning value（初始值）；
c: change in value（變化量）；
d: duration（持續時間）。
ps：elastic和back有其他可選引數，裡面都有說明。
那如何在js中利用這些演算法呢？可以看到，雖然是as**，但裡面的程式是可以直接放在js裡使用的。
我們可以定義乙個類，把它這部分放在裡面：
var tween =
}}
這樣，就可以用tween.quad.easeout取得這個演算法了，其他演算法也一樣處理就行了。
接下來就可以利用這個js的tween來做一些緩動效果了。
先通過上面的座標例項說一下演算法原理：
x軸是時間，y軸是當前值，b是y軸的初始值，x軸的初始值是0，t是當前時間。當t（x軸）逐漸增加到達d時，當前值（y軸）會到達目標值（b+c）。
想詳細理解的話可以找資料看看吧（貌似跟數學關係比較大）。
下面就介紹如何使用這個tween了，首先b、c、d三個引數（即初始值，變化量，持續時間）在緩動開始前，是需要先確定好的。
舉乙個簡單的例子，乙個div要向右緩動，left初始值是50，那麼b就是50，要向右移動100，那c就是100，如果知道的是目標值，例如要向右移動到150，那就把目標值150減初始值b就是變化量c了。
至於d的設定就比較靈活，只要符合t是從0向d遞增（或遞減）就可以了。
d跟步長配合使用來設定持續時間，例如d設定為100，如果設定步長是1，那麼從0到100就有100步，即分100次來完成這個過程，步數越多那麼持續時間就越長。
至於t的變化相當於時間的變化，一般是均勻變化的，每次變化都增加乙個步長，當t從0遞增（或遞減）到d時，緩動就結束了。
要注意的是t是從0開始的，設定步長時必須確定t確實能到達d，如果上面的步長是3，那麼t就永遠都到不了d了。更好的處理是當t等於或超過d之後，就停止定時器並設定當前值為目標值。
了解了tween的使用後就可以實現動畫效果了。繼續上面的例子，已經確定b是50，c是100，d是100，步長是1，使用tween.quad.easeout演算法。那麼可以用以下程式實現緩動：
var b=50,c=100,d=100,t=0;
function run(),
y: function(t,b,r)
} var t=x=y=0;
document.getelementbyid("idclick").onclick = function(e);
document.onmousemove(e);
setinterval(function()
with(document.getelementbyid("test2").style)
t++;
}, 10);
} script
>
body
>
html
>
緩動原理及應用（動畫程式設計深入
也許我們學了很久也學了很多東西，但是不看這方面的知識，還真不知道什麼叫緩動。要講概念是很簡單的，關鍵是你能否運用得上，並恰如其分的讓它在適當的應用出現，這才是 難點。廢話少說，下面開講 緩動就是這樣一種運動，我還是先不講概念，先看幾種情況的，比如如果有心人也許會看到有人做過滑鼠跟隨，當滑鼠移動的時候...
JS特效 緩動框架封裝及應用
給屬性賦值 既能獲取又能賦值 1 div.style.width 單個賦值 點語法，這個方法比較固定，不能用變數或者字串的形式更換屬性，不方便我們傳值獲取屬性，和給屬性賦值。2 div.style width 變數賦值 中括號形式，傳入字串。可以通過傳字串或者變數的方式獲取和賦值屬性。缺點 只能是對...
Fedora Yum命令查詢軟體包及清除快取
原文 今天學習點fedora yum命令，學習fedora yum命令時要了解如何編譯調式及執行fedora yum命令。fedora 中的 fedora yum命令詳解。總所周知，redhat和fedora的軟體安裝命令是rpm。但是用rpm安裝軟體最大的麻煩就是需要手動尋找安裝該軟體所需要的一系...