JQuery UI 'Easyoutbounce' должен быть более оживленным
Я создал div, который при нажатии падает в нижнюю часть экрана. Он должен подпрыгивать, поэтому я использовал 'easeOutBounce' в качестве эффекта замедления. Это работает хорошо, но клиент попросил, чтобы это было "более бодрым". Я знаю, что могу замедлить анимацию, но на самом деле я не хочу, чтобы объект двигался медленнее, я просто хочу, чтобы он отскакивал больше. Полагаю, меньше гравитации.
Вот jQuery:
$( document ).click(function() {
$( "div" ).animate({ top: 400 }, { duration: 2000, easing: 'easeOutBounce' });
});
А вот и скрипка: http://jsfiddle.net/NtkNB/1/
Я действительно изо всех сил пытаюсь найти документацию по этому конкретному эффекту и спрашиваю себя, может ли кто-нибудь посоветовать, как настроить текущую настройку, чтобы получить желаемый эффект, или в качестве альтернативы, если есть какие-либо более сложные анимационные эффекты, которые могли бы сделать это, что я мог плагин.
Спасибо
1 ответ
Этот вопрос старый, но, похоже, на него не было ответа. Произошло это потому, что у меня была та же самая проблема, только противоположная (div должен был быть "менее бодрым"). Решением, которое я придумал, было квадратное уравнение для управления каждым отскоком (возможно, не самым элегантным). Вот jsfiddle: http://jsfiddle.net/NtkNB/194/ Этот менее оживленный, чем стандартная анимация jquery. Чтобы сделать его более бодрым, вам просто нужно изменить уравнение, что является своего рода болью.
var thing = (-17.34*x*x)+(14.351*x)-2.944;
Я использовал wolfram для определения: http://www.wolframalpha.com/input/?i=quadratic+through+%28.343%2C0%29%2C%28.4715%2C.1%29%2C+%28.6%2C0%29