UI ライブラリを完全にロードすることなく、jQuery UI からいくつかのイージング関数を使用しようとしています。
$.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 ソースから参照して使用するにはどうすればよいですか?