1

我试图从 jQuery UI 中使用几个缓动函数，而不必完全加载 UI 库。

参考资料：不使用插件的 jQuery 缓动函数

$.extend($.easing,
{
    def: 'easeOutQuad',
    swing: function (x, t, b, c, d) {
        //alert($.easing.default);
        return $.easing[$.easing.def](x, t, b, c, d);
    },
    easeInQuad: function (x, t, b, c, d) {
        return c*(t/=d)*t + b;
    },
    easeOutQuad: function (x, t, b, c, d) {
        return -c *(t/=d)*(t-2) + b;
    },
    easeInOutQuad: function (x, t, b, c, d) {
        if ((t/=d/2) < 1) return c/2*t*t + b;
        return -c/2 * ((--t)*(t-2) - 1) + b;
    },
    easeInCubic: function (x, t, b, c, d) {
        return c*(t/=d)*t*t + b;
    }
});


$(function(){
    (function(){
        $('#the_ribbon').animate({
            top: '+=140',
          }, 1000, function() {
            //Consume an easing function here.
          });
    })();   

});

特别是我希望能够使用类似弹跳的效果，但不确定是否会缓和（不必包含 UI 文件）。

如何从 UI 源中引用和使用这些内容？

4

0 回答 0