【コピペOK】jQueryイージング関数を追加する方法

2021年2月17日

jQuery Easing関数を追加する

以下のコードを追加すると、jQueryで元々使える「swing」や「linear」と同じように使うことができるようになります!

/** easing extention */

jQuery.extend(jQuery.easing, {
    // easeInQuart
    easeInQuart: function (x, t, b, c, d) {
        return c*(t/=d)*t*t*t + b;
    },
    // easeOutExpo
    easeOutExpo: function (x, t, b, c, d) {
        var p = c*(t/=d);
        return p === 1 ? 1 : 1 - Math.pow(2, -10 * p) + b;
    },
    // easeOutCirc
    easeOutCirc: function (x, t, b, c, d) {
        return Math.sqrt(1 - Math.pow(c*(t/=d) - 1, 2)) + b;
    },
    // easeInCirc
    easeInCirc: function (x, t, b, c, d) {
        return 1 - Math.sqrt(1 - Math.pow(c*(t/=d), 2));
    },
    // easeInQuad
    easeInQuad: function (x, t, b, c, d) {
        return c*(t/=d)*t + b;
    },
    // easeInOutQuad
    easeInOutQuad: function (x, t, b, c, d) {
    var p = c*(t/=d);
        return p < 0.5 ? 2 * p * t : 1 - Math.pow(-2 * p + 2, 2) / 2;
    }
});

© 2021 All right reserved.