вот метод для easeOutBounce
easeOutBounce: function (t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
}
Я хочу сделать свой собственный метод, не может использовать jQuery или другую библиотеку.
Где t: время, b: начиная положение, c: общее изменение в положении, d: продолжительность.
Кто-либо может объяснить, как я могу использовать этот метод для значения easeOutBounce? Я имею в виду то, что я передам как параметр и как я буду использовать возвращаемое значение?
Используя jQuery, вы можете просто вызвать это событие в любой анимации. Убедитесь, что вы включили соответствующие JS файлы и разместили что-то вроде:
$('#your-div').click(function() {
$(this).animate({height: "100px"}, 500, 'easeOutBounce');
});