欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery.easing.js api

張吉惟1年前9瀏覽0評論

jQuery Easing是一個非常有用的插件,它為jQuery的動畫效果提供了一些可擴展的easing函數。Easing函數可以用來指定動畫從開始到結束的速度和緩沖。這篇文章將介紹jQuery Easing的API。

$.easing.easeInQuad = function (x, t, b, c, d) {
return c*(t/=d)*t + b;
};

上面的代碼是一個easing函數的示例。每個easing函數都需要接受五個參數,這些參數的含義如下:

  • x- 當前時間(0到1之間的值)
  • t- 當前幀的時間
  • b- 起始值
  • c- 變化量(目標值減去起始值)
  • d- 總時間

這個函數會計算出在當前時間下的值,這個值用來產生動畫效果的速度和緩沖。如果你想根據自己的要求自定義easing函數,你可以在代碼中添加自定義的函數,然后調用jQuery.easing插件。

$.easing.customEase = function (x, t, b, c, d) {
return c*Math.sin(t/d * (Math.PI/2)) + b;
};
$(".my-element").animate({
left: "100px"
}, 1000, "customEase");

這里很重要的一點是,使用自定義的easing函數時,你需要提供它的名稱作為第三個參數。在本例中,我們使用了一個自定義的easing函數customEase,將它作為了animate()的第三個參數。

總之,jQuery Easing插件為我們提供了一個可擴展的easing函數庫,使得我們可以輕松地實現各種動畫效果。我們只需要定義自己的easing函數,然后在.animate()函數的第三個參數中傳入它的名稱即可。