jQuery animate是一種非常流行的交互動(dòng)效函數(shù)，在網(wǎng)頁開發(fā)過程中被廣泛應(yīng)用。而其中有一個(gè)參數(shù)——linear，也經(jīng)常被我們使用。

linear是什么意思呢？它可以被理解為“線性”的意思，也就是說動(dòng)畫運(yùn)動(dòng)的過程是勻速直線的。相比于其他的運(yùn)動(dòng)曲線，線性的動(dòng)畫是最簡(jiǎn)單、最直接的。以下代碼給出了一個(gè)簡(jiǎn)單的抽屜效果的實(shí)現(xiàn)，演示了linear的應(yīng)用:

$("#drawer-btn").click(function() {
$("#drawer").animate({
left: "+=300"
}, 500, "linear");
});

在這個(gè)例子中，當(dāng)點(diǎn)擊#drawer-btn時(shí)，#drawer元素會(huì)以勻速直線方式向右移動(dòng)300像素，并在0.5秒內(nèi)完成。如果將最后一個(gè)參數(shù)換成其他值，比如"swing"或者"easeInOutQuad"，那么動(dòng)畫會(huì)變得更加復(fù)雜或者不同步速，體現(xiàn)出不同的動(dòng)效。

在實(shí)際運(yùn)用中，如果需要實(shí)現(xiàn)一些簡(jiǎn)單的動(dòng)畫效果，我們推薦使用linear，因?yàn)樗?jiǎn)潔、易理解，也可以保證在不同平臺(tái)、瀏覽器下的一致性。